ChatUI
不活跃简介
阿里巴巴开源的对话式 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 演示获取完整示例。