Assistant UI

活跃
GitHub TypeScript MIT

简介

基于 TypeScript/React 的 AI 聊天界面组件库，提供可定制的高质量聊天 UI 组件，支持多种 AI 模型提供商。

核心特性

  • 开箱即用的生产级聊天 UX：流式传输、自动滚动、重试、附件、Markdown 和代码高亮
  • Radix 风格的可组合原语，Thread、Message、Composer、ThreadList 等组件自由组合
  • 生成式 UI：将工具调用和 JSON 渲染为 React 组件，支持内联人工审批
  • 强类型 TypeScript：端到端的运行时 API、工具 Schema、消息部件和适配器类型
  • 支持多种后端：Vercel AI SDK、LangGraph、AG-UI/A2A 协议、Google ADK 等
  • CLI 快速脚手架，一行命令创建 Next.js 项目或添加到现有项目

适用场景

💡 快速为 SaaS 产品添加 AI 聊天功能，如客服助手、写作助手等
💡 构建类似 ChatGPT 的对话界面，支持多模型后端切换
💡 创建带有工具调用可视化和人工审批流程的 AI Agent 界面
💡 为 LangGraph 或其他 Agent 框架构建前端交互层
💡 在已有 React 项目中集成开箱即用的 AI 聊天组件

标签

chat-ui react typescript ai-chat llm ui-components

分类

💬 聊天界面

快速开始

npx assistant-ui@latest create 创建新项目，或 npx assistant-ui@latest init 添加到现有项目。也可直接安装：npm install @assistant-ui/react @assistant-ui/react-ai-sdk。在组件中使用 AssistantRuntimeProvider 和 Thread 组件即可获得完整聊天体验。详见 assistant-ui.com/docs。
访问 GitHub 访问官网 查看文档

相关项目