ChatUI

不活跃
GitHub TypeScript MIT

简介

阿里巴巴开源的对话式 UI 设计语言和 React 组件库,提供完整的聊天界面组件,适用于构建智能客服和对话式应用。

核心特性

  • 完整的 React 对话式 UI 组件库,包含 Bubble、Chat 等组件
  • 响应式设计,自适应桌面、手机和平板设备
  • 通过无障碍研究协会认证的无障碍支持
  • 强大的主题系统,可自定义颜色、字体和布局细节
  • 开箱即用的数十种语言国际化支持
  • TypeScript 优先,具备可预测的静态类型和完善的 API 文档

适用场景

💡 使用预构建聊天组件构建 AI 聊天机器人前端
💡 需要无障碍和响应式 UI 的客服应用
💡 面向全球产品的多语言对话界面
💡 基于聊天的 AI 应用快速原型开发

快速开始

安装:`npm install @chatui/core --save`。从 `@chatui/core` 导入 `Chat`、`Bubble` 和 `useMessages`,添加 CSS 引入 `@chatui/core/dist/index.css`,然后通过 `onSend` 渲染 `<Chat>` 组件处理消息。查看 CodeSandbox 演示获取完整示例。

相关项目