ChatGPT 风格的开源前端 UI

https://youtu.be/X6_sXmameHQ

一个 ChatGPT 风格的开源前端 UI,支持接入 OpenAI、Anthropic、Azure 等 API。
极简美观的 UI,支持多对话、多模型切换。

ChatGPT是 GitHub 上的 mckaywrigley/chatbot-ui,这是一个开源项目,目标是为各种 AI 聊天模型提供一个漂亮、易用的聊天界面。以下是它的主要内容:

项目概览

  • Chatbot UI 是一个开源的聊天应用界面,支持“任意模型”(AI chat for any model)。
  • 该项目使用 React、Next.js、TypeScript 和 Tailwind CSS 构建,拥有现代化的页面结构与组件风格
  • 已更新至 2.0 版本,之前的旧版本保存在 legacy 分支中

功能亮点与特点

部署方式

  • 本地部署:支持使用 Docker 配合 Supabase(作为后端 API 与数据存储)部署,并通过 .env.local 配置环境变量,使用命令如 npm run chat 或 npm run update
  • 云端部署:可以将前端部署到 Vercel,后端使用 Supabase,支持通过 API Key 连接 OpenAI、Azure 等模型 API

可自定义性

  • 界面组件化管理,例如聊天组件、侧边栏、设置面板等在 components/ 文件夹中,可以轻松定制样式与交互
  • 支持多层级提示词(prompts)配置,比如全局(workspace)、个人、预设(presets)等,用户可灵活覆盖与组合

社区反馈与常见问题

  • 有用户希望能禁用登录,只做快速原型演示,这表明有精简使用场景的需求
  • 也有用户反馈本地 Supabase 占用过多存储空间,影响设备运行。
  • 开发者已经收到多项功能建议,比如添加 AWS Bedrock 的支持、文件处理等。

社区与活跃度

  • GitHub 上该仓库已有超过 3.2 万颗星和近 9300 次 Fork,社区关注度很高
  • 一名报告者提到这是一套“非常棒”、“自己部署的聊天机器人”,显现社区对项目的认可。

小结与建议

项目方面内容说明
核心用途为各种聊天模型提供开源、可定制、UI 良好的聊天界面
技术栈React + Next.js + TypeScript + Tailwind CSS + Supabase
部署方式本地(Docker + Supabase)或云端(Vercel + Supabase)
特点多层级提示系统、组件化设计、支持多模型平台
社区反馈支持精简部署方式、增加文件处理、多平台兼容等建议

Github:https://github.com/mckaywrigley/chatbot-ui

油管:https://youtu.be/X6_sXmameHQ