ToolMage
登录

Assistant-ui

访问官网

Assistant-ui 是一个开源的 TypeScript/React 库,用于快速构建高质量、可定制的 AI 聊天界面。它基于 shadcn/ui 和 Tailwind CSS 构建,为开发人员提供预制组件,以便将类似 ChatGPT 的体验集成到任何应用程序中,支持各种后端和生成式 UI 等高级功能。

5.0
收录时间:
2025-09-24
价格类型:
免费增值
月流量:
78.2K
社交媒体:
|||||||

Assistant-ui 概览

Assistant-ui 是一个功能强大的开源 TypeScript/React 库,旨在帮助开发人员轻松构建复杂的对话式 AI 界面。它提供了一套全面、可定制的预构建 UI 组件,复刻了像 ChatGPT 这样的领先平台的精致用户体验。基于 shadcn/ui 和 Tailwind CSS 的现代化基础构建,它允许进行深度定制,以匹配任何应用程序的品牌和风格。

Assistant-ui 的核心使命是显著缩短创建生产级聊天 UI 所需的开发时间。开发人员无需从头开始构建消息流、消息分支、编辑和 Markdown 渲染等复杂功能,而是可以利用 Assistant-ui 的组件,在数小时内(而非数周)启动一个功能丰富的界面。该库与后端无关,通过与 Vercel AI SDK 无缝集成,支持包括 OpenAI、Anthropic、Google Gemini、Azure、AWS Bedrock 甚至通过 Ollama 的本地模型在内的各种 LLM 提供商。

如何使用 Assistant-ui

对于 React 开发人员来说,将 Assistant-ui 集成到项目中非常简单。该过程通常包括以下步骤:

  1. 初始化: 您可以使用预配置的模板启动一个新项目,或使用单个 CLI 命令将 Assistant-ui 添加到现有的 React 项目中:npx Assistant-ui@latest init。此命令会智能地设置必要的依赖项和组件。
  2. 后端设置: 在您的应用程序中创建一个 API 端点(例如,Next.js 路由处理程序)。该端点将使用 Vercel AI SDK 连接到您选择的语言模型提供商(如 OpenAI)。您需要将提供商的 API 密钥添加到环境变量中。
  3. 前端集成: 在您的 React 应用程序中,从 Assistant-ui 导入必要的组件,例如 Thread 和 ThreadList。使用 AssistantRuntimeProvider 包装您的应用程序或聊天部分,它负责管理状态并与您的后端 API 通信。
  4. 定制化: 由于组件是使用 Tailwind CSS 和 shadcn/ui 构建的,您可以通过修改 CSS 变量或使用 Tailwind 实用程序类来轻松定制其外观,以适应您的设计系统。

Assistant-ui 的核心功能

  • 全面的 UI 组件: 一套丰富的组件,包括对话线程、消息列表、输入框、操作栏和模态框,用于构建完整的聊天体验。
  • 生成式 UI: 超越简单的文本响应。该库支持在聊天流中直接渲染丰富的交互式 UI 组件以执行工具调用。
  • 后端无关: 完全兼容 Vercel AI SDK,允许您连接到数十个 LLM 提供商,如 OpenAI、Anthropic、Cohere、Groq 等。
  • 高级聊天功能: 开箱即用支持消息编辑、消息分支(探索不同的对话路径)、附件、LaTeX 渲染和语音转文本。
  • 高度可定制: 基于 shadcn/ui 和 Tailwind CSS 构建,提供对外观和感觉的完全控制。
  • 开源: UI 库完全免费、开源(MIT 许可证),并由不断壮大的开发者社区提供支持。
  • 可选的托管后端 (assistant-cloud): 对于需要持久化聊天历史和线程管理而又不想自己构建后端的开发人员,assistant-cloud 提供了完全托管的解决方案。

Assistant-ui 的使用案例

Assistant-ui 用途广泛,可用于构建各种由 AI 驱动的应用程序:

  • 应用内 AI 助手: 将帮助台聊天机器人、功能指南或数据分析助手直接集成到您的 SaaS 应用程序中。
  • AI 驱动的开发者工具: 像 Helicone 和 Entelligence 这样的公司使用它来构建可观察性平台和软件工程助手。
  • 客户支持聊天机器人: 为网站创建复杂的聊天机器人,以回答客户查询、处理支持工单并提供 24/7 全天候帮助。
  • 教育工具: 构建交互式学习平台,学生可以与 AI 导师进行对话。
  • 内容生成工具: 开发通过对话界面帮助用户起草电子邮件、撰写文章或生成代码的应用程序。
  • 快速原型设计: 为黑客马拉松或利益相关者演示快速构建和展示 AI 概念和 MVP。

Assistant-ui 的优势特点

Assistant-ui 的主要优势在于其加速开发的能力。开发人员通过使用其生产就绪的组件可以节省数百小时。其用户体验经过专业设计,确保为最终用户提供高质量、直观的体验。其开源性质提供了透明度和灵活性,而可选的云后端为需要持久化的项目提供了可扩展的路径。强大的社区和详细的文档使开发人员可以轻松上手并获得支持。

定价和计划

Assistant-ui 采用免费增值模式,明确区分了开源库及其托管云服务:

  • Assistant-ui (库): 这是核心的 TypeScript/React 库。它在 MIT 许可下永久免费和开源。这包括所有 UI 组件,并允许您使用自己的后端。
  • assistant-cloud (托管后端): 这是一项用于聊天历史和线程管理的可选服务。
    • 免费计划: 包括最多 200 个月活跃用户 (MAU)、聊天历史和线程管理。非常适合小型项目和初创公司。
    • 专业计划: 定价为每月 50 美元,支持 500 MAU,额外用户每位 0.10 美元。该计划包括所有免费功能以及新功能的抢先体验权。
    • 企业计划: 为大规模应用提供定制定价。它提供与您自己的后端集成、数据复制、专属支持、99.99% 的正常运行时间 SLA 和本地部署选项等功能。

Assistant-ui 评论 (0)

登录后发表评论。

登录

暂无评论。

流量分析

最新流量情况

月访问量78.2K
平均访问时长1:32
每次访问页数3.90
跳出率41.6%

状态

下降-12.4%较上月
数据更新于 2026-06-15

月度流量趋势

  • 2025-9: 54.5K
  • 2026-1: 96.6K
  • 2026-2: 68.6K
  • 2026-3: 77.9K
  • 2026-4: 89.3K
  • 2026-5: 78.2K

地理位置

Top 5 国家/地区

  • 🇺🇸美国
    40.8%
  • 🇮🇳印度
    21.2%
  • 🇨🇳中国
    15.0%
  • 🇷🇺俄罗斯
    14.1%
  • 🇩🇪德国
    8.9%

流量来源

来源类型百分比
直接访问
79.2%
外链引荐
20.8%
合计
100%
直接访问79.2%
外链引荐20.8%

热门关键词

关键词每次点击费用
:assistant-ui$0.00
assistant ui$6.07
assistant-ui$6.07
@assistant-ui/react$0.00
chat ui$2.79

Assistant-ui 的相关 YouTube 视频

Assistant-ui 替代方案

AI SDK Agents
付费

AI SDK Agents

AI SDK Agents 提供生产就绪的 React 组件,用于快速构建 AI 应用程序。利用基于 React、TypeScript 和 Vercel AI SDK 构建的代理、工作流、工具调用和流式响应的即插即用模式。将您的 AI 功能开发时间从数周缩短到数小时,确保可定制和无头集成到您的项目中。

UI组件
Visits 66.1KFavorites 144Likes 169
Vueform
免费增值

Vueform

Vueform 是一款专为 Vue.js 设计的开源表单框架,旨在简化表单开发。它具有拖放式构建器、用于即时生成表单的 AI 助手、超过 50 种验证规则、复杂的条件逻辑和丰富的预构建元素。它简化了嵌套数据、多步向导和国际化的处理,是任何 Vue 应用的综合解决方案。

库和框架
Visits 18.8KFavorites 140Likes 147
AtomicComponents
免费增值

AtomicComponents

AtomicComponents 是一个由 AI 驱动的 React 组件库,旨在更快地构建现代化、可扩展且易于访问的用户界面。它提供超过 115 个高度可定制的组件、30 种内置主题,并通过其模型上下文协议 (MCP) 服务器与 Claude 和 GitHub Copilot 等 AI 助手无缝集成。

设计系统
Visits 7.5KFavorites 87Likes 121
Ultracite
免费

Ultracite

Ultracite 是一款基于 Biome 构建的、快如闪电的零配置代码格式化与审查工具。它旨在确保人类开发者和 AI 助手编写的代码风格一致,能够自动格式化、保存时修复问题,并为现代 TypeScript、React 和 Next.js 项目强制执行最佳实践。

代码质量
Visits 25.7KFavorites 132Likes 133
Newcult
付费

Newcult

Newcult 是一个面向开发者的工具包,提供适用于 Next.js 和 Shadcn UI 的全栈 UI 组件、区块和模板。它旨在通过提供可用于生产、可定制的代码,涵盖从营销页面到复杂 AI 工作流的各种需求,从而加速现代 AI 驱动的 SaaS 应用的开发。

模板
Visits 10.2KFavorites 143Likes 143

Assistant-ui 分类

Assistant-ui 标签

Assistant-ui 职业

Assistant-ui 嵌入功能

复制这段嵌入代码,将徽章放到博客、文章或产品官网,并把读者直接引导到 ToolMage 详情页。

ToolMageFOLLOW US ON▲ 155