deep-chat

拖拽级接入，快速给网站加上可定制的 AI 聊天框

开源 🏷️定价信息待确认 ✅ 目前可打开对话助手 🍴 复刻 459 🐛 待处理 46 👀 关注 40

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 3743

维护状态较活跃

是否开源开源

定价模式 🏷️定价信息待确认

项目预览

项目数据

分类对话助手

开发团队OvidijusParsiunas

官网地址https://deepchat.dev

GitHubhttps://github.com/OvidijusParsiunas/deep-chat

定价模式🏷️定价信息待确认

价格说明定价信息待确认

访问状态✅ 目前可打开

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型ai,ai-chatbot,chat,chatbot,chatgpt,claude,component,deepseek,gemini,huggingface,next,nextjs,ollama,openai,react,react-chatbot,realtime,solid,svelte,vue

GitHub 星标★ 3743

上线时间2023-02-19 00:00:00

代码更新2026-10-24

仓库体积95.4 MB

本站数据更新2026-11-07

维护状态较活跃

收录时间2026-08-09

浏览次数6

项目介绍

deep-chat 是一个高度可定制的 AI 聊天机器人前端组件，专为网站集成而设计。它解决了开发者需要快速嵌入对话功能但又不想从零构建的痛点，提供开箱即用的 UI 组件，同时支持深度定制。核心能力包括：支持多种主流 AI 后端（如 OpenAI、Claude、Gemini、DeepSeek、Ollama、Hugging Face 等），可无缝切换或对接自定义 API；提供丰富的 UI 配置项，可调整样式、布局、消息气泡、输入框等，甚至支持自定义渲染逻辑；内置流式响应、文件上传、语音输入等常见交互功能；基于 TypeScript 开发，类型安全，易于维护。它适用于 React 和 Next.js 项目，也可通过 Web Component 方式嵌入任意前端框架。整体上，它让开发者能快速构建专业级聊天界面，同时保留完全的控制权。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 3743

技术标签

ai ai-chatbot chat chatbot chatgpt

使用教程

难度：入门约 10 分钟部署方式：库/依赖 4 步

环境要求

已安装 Node.js 与 npm（需要执行 npm install）
若使用 React，需要已有的 React 项目
可正常访问 npm 源的网络环境

安装与启动步骤

1安装主包

在项目根目录执行安装命令，把 deep-chat 加入依赖。适用于非 React 的普通网页项目。
```
npm install deep-chat
```
2React 项目改装

如果项目使用 React，README 要求改装 deep-chat-react 这个包，而不是主包。
```
npm install deep-chat-react
```
3在页面中插入组件

在页面标记里加入一个 deep-chat 标签即可渲染聊天组件；不同框架的具体写法不同，需查阅官方示例。
```
<deep-chat></deep-chat>
```
4借助 AI 助手配置

可把 README 提供的 llms.txt 作为参考交给代码助手，让它帮你完成安装与配置。
```
Use https://github.com/OvidijusParsiunas/deep-chat/blob/main/llms.txt to add a chat component to my website.
```