chat-bubble
用 JSON 脚本快速搭建网页聊天机器人界面
项目预览
项目数据
项目介绍
Star 增长趋势
本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整
数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 598
技术标签
使用教程
环境要求
- React 环境
- Node.js 18+
安装与启动步骤
-
1装包
一个界面组件库，装完引进来即可。
npm install chat-bubble -
2放进页面
它给的是对话气泡，不是整套聊天应用。
-
3按主题改样式
颜色与圆角走变量，别改内部结构。
-
4注意受控状态
消息列表与滚动要自己管，它只负责渲染。
如何确认成功
接进现有页面后气泡样式与站点主题一致，且长消息能正确换行不撑破容器
注意事项
- 它是纯展示组件，不处理消息流与连接。
- 样式定制走变量，直接覆盖类名升级时容易坏。
- 体积很小，适合嵌进已有界面。
- 仓库活跃度一般，遇到问题以读源码为主。
核心亮点
- 零后端依赖，纯前端 JSON 配置即可驱动对话流程
- 内置自然语言分类器接口，可对接 NLP 服务
- 轻量易集成，适合快速嵌入现有网页
不足之处
- 文档/社区待观察
- 功能相对基础，高级交互需自行扩展
适用场景
- 快速搭建客服聊天窗口原型
- 为产品演示制作交互式对话引导
- 轻量级 FAQ 机器人前端
替代项目
BotUI、Rasa Webchat、Landbot
上一篇：java-slack-sdk
下一篇：ChatPilot
同类项目推荐
cog
开源
在聊天框里直接跑命令行，运维协作快人一步
Bringing the power of the command line to chat
FeHelper
开源
装一个扩展，搞定前端日常开发杂活
FeHelper--Web前端助手（Awesome！Chrome & Firefox & MS-Edge Extension, All in one Too···
servllama
开源
一个 App 同时聊云端和手机本地大模型
One app for both cloud LLMs and on-device LLMs.
New-Bing-Anywhere
开源
在 Chrome/Firefox 里直接用必应 GPT-4，不用换 Edge
Your agents. Any browser. Anywhere
ChatAny
开源
一键部署，聚合 ChatGPT 与多款 AI 服务，打造私有 AI 工作台。
一键拥有你自己的 ChatGPT+众多AI 网页服务 | One click access to your own ChatGPT+Many···
shellChatGPT
开源
终端里直接聊 AI，还能语音输入输出，多模型随意切换
Shell wrapper for OpenAI's ChatGPT, Whisper, and TTS. Features LocalAI, Ollama, Gemi···
ComposeAI
开源
一套 Kotlin 代码，搞定 Android 和 iOS 的 ChatGPT 应用
An Android & iOS application ChatGPT like made with Compose Multiplatform
gdansk-ai
开源
快速搭建能听会说的语音聊天机器人
Full stack voice chatbot
SillyTavern
开源
把大模型聊天变成你的创作工坊，角色扮演、故事生成随心所欲。
LLM Frontend for Power Users.