搜"开源 Agent 聊天界面"的人，需求一般分两种：一种是想直接部署一个类似 ChatGPT 的应用，给自己或团队用；另一种是已经用 LangGraph 之类的框架写好了 Agent，缺一个前端。英文社区讨论的 best open source agent chat ui 和 langchain chat ui 也对应这两类需求。下面 8 个项目都来自 AI Rank 的"构建 Agent 界面"和"个人应用"分类，两种需求都覆盖到了。
排名总览
| # | 项目 | 类型 | GitHub 星数 | 7 天变化 | 许可证 |
|---|---|---|---|---|---|
| 1 | Open WebUI | 可自部署应用 | 155,784 | +1,570 | Open WebUI License |
| 2 | LobeHub | 可自部署应用 | 83,244 | +184 | LobeHub Community License |
| 3 | LibreChat | 可自部署应用 | 45,737 | +338 | MIT |
| 4 | CopilotKit | 前端框架 | 38,031 | +197 | MIT |
| 5 | assistant-ui | React 组件库 | 12,559 | +116 | MIT |
| 6 | Hugging Face Chat UI | 可自部署应用 | 10,985 | +11 | Apache-2.0 |
| 7 | LangChain Agent Chat UI | LangGraph 专用 Next.js 应用 | 3,218 | +15 | MIT |
| 8 | Agno Agent UI | Agno 专用 Next.js 应用 | 1,857 | 0 | MIT |
按 AI Rank 仓库接口 2026 年 10 月 16 日快照的总星数排序，7 天变化是过去一周的净增星数，许可证来自各仓库。星数反映开发者关注度，不代表好用程度。
可自部署的聊天应用
综合首选：Open WebUI
Open WebUI 体量最大，这周也涨得最快（+1,570）。按它的 README，这是一个可自部署的 AI 平台，支持 pip、uv、Docker、Kubernetes 安装，能同时接任何兼容 OpenAI 接口的服务和本地 Ollama 模型。给模型加上指令、工具和知识库就能做成 Agent，还能通过 MCP、MCPO 和 OpenAPI 工具服务器扩展。要留意的是许可证：它用的是自定义的 Open WebUI License，不是标准开源许可证，打算换品牌或商用转售前先读清楚。
支持 Docker 自部署的 LobeHub
LobeHub 的定位是让你的 Agent "7×24 小时运转"，支持 Docker 自部署。许可证是 LobeHub Community License，商用前同样要看条款。
MIT 许可的 Agent 应用 LibreChat
LibreChat 自称"增强版 ChatGPT 克隆"，支持 Agent、MCP 和 Skills。README 里还列了 Agent 管理 API（测试版）、能查看工具调用轮次和花费的 Trace Viewer，以及 OpenTelemetry 日志导出。需要标准 MIT 许可证的自部署应用，这份名单里它最合适。
HuggingChat 背后的开源代码
Chat UI 是 HuggingChat 背后的代码。README 说明它现在只对接兼容 OpenAI 的接口，并且依赖 MongoDB。更适合在推理接口上做简单对话，复杂 Agent 不是它的强项。这周只涨了 11 星。
自研 Agent 的前端框架
面向 Agent 的前端技术栈
CopilotKit 的定位是"Agent 与生成式 UI 的前端技术栈"，提供生成式 UI、Agent 与应用共享状态、人工审批流程，支持 React、Angular、Vue、React Native，也能接进 Slack 和 Microsoft Teams。它的团队是 AG-UI 协议的发起方，README 写到 LangChain、Google、AWS、Microsoft、Mastra 等都已采用这个协议。
React 聊天组件库
assistant-ui 是 TypeScript/React 组件库，用来做生产级 AI 聊天界面。默认对接 Vercel AI SDK，也有 useLangGraphRuntime 适配 LangGraph 后端。支持生成式 UI，工具调用可以渲染成 React 组件，并在界面里直接审批。
LangChain 生态的三种方案
用 LangChain 生态的开发者，常见的有三条路：
| 方案 | 类型 | 适用场景 |
|---|---|---|
| LangChain Agent Chat UI | LangChain 官方的 Next.js 应用 | 已经有 LangGraph 服务，想几分钟内跑起聊天界面 |
assistant-ui + useLangGraphRuntime |
React 组件库 | 想把聊天嵌进自己产品的界面 |
| CopilotKit（AG-UI） | Agent 前端框架 | 需要生成式 UI 或 Agent 与应用共享状态 |
按 Agent Chat UI 的 README，它能和"任何带 messages 键的 LangGraph 服务"对话。用 npx create-agent-chat-app 创建项目后，填三项：部署地址、Assistant 或 Graph ID、LangSmith API Key（只有连接已部署的服务时才需要）。它在 8 个项目里星数最少（3,218，本周 +15），但它是唯一一个由 LangChain 官方专门为 LangGraph 做的。
Agno Agent UI 思路相同，对应的是 Agno 框架，能展示工具调用、推理步骤和引用来源。GitHub 显示它最后一次推送是 2026 年 5 月 8 日。
选型建议
| 你的需求 | 推荐 |
|---|---|
| 给团队搭一个类 ChatGPT 应用，接本地模型 | Open WebUI |
| MIT 许可证的自部署 Agent 应用 | LibreChat |
| 给现成的 LangGraph Agent 配聊天界面 | LangChain Agent Chat UI |
| 在自己的 React 应用里嵌聊天组件 | assistant-ui |
| 生成式 UI、Agent 与应用共享状态，覆盖网页、移动端和 Slack | CopilotKit |
常见问题
开源 Agent 聊天界面哪个最好？ 按 AI Rank 数据，Open WebUI 总星数（155,784）和周增长（+1,570）都排第一。如果在意许可证，LibreChat 是名单里最大的 MIT 许可证应用。
LangChain 有官方聊天界面吗？
有，就是 langchain-ai/agent-chat-ui，一个能连接任何带 messages 键的 LangGraph 服务的 Next.js 应用。
哪些聊天界面支持 MCP？ Open WebUI 和 LibreChat 的 README 都写明支持 MCP。
来源
- AI Rank：仓库接口及文中各项目页（2026-10-16 快照）
- GitHub：open-webui/open-webui、lobehub/lobehub、LibreChat-AI/LibreChat、CopilotKit/CopilotKit、assistant-ui/assistant-ui、huggingface/chat-ui、langchain-ai/agent-chat-ui、agno-agi/agent-ui
继续探索： 在 AI Rank 的开源项目排名 每天跟踪这些项目的排名变化。
或 📱 下载 AI Rank App 在手机上随时查看。
本文使用自动化编辑辅助，于 2026 年 10 月 16 日依据官方资料与指定日期的 AI Rank 数据核对，未进行自有跑分测试。