Chat UI Kit React

不活跃
GitHub JavaScript MIT

简介

Chat UI Kit React 是开源的 React 聊天 UI 组件库，几分钟内即可搭建生产级对话界面。

核心特性

  • 完整组件库 — 提供 MessageList、MessageInput、Conversation、Avatar 等开箱即用组件
  • 高度可定制 — 主题系统支持自定义配色、字体与圆角
  • 多种消息类型 — 支持文本、图片、文件、自定义附件与按钮回复
  • 打字与已读指示器 — 内置 typing indicator 与 read receipt
  • 消息分组与时间戳 — 自动按时间分组消息并显示时间戳
  • TypeScript 友好 — 完整类型定义，与 React Hooks 协作良好

适用场景

💡 快速搭建 ChatGPT 风格的对话产品前端
💡 嵌入企业内部 AI 助手对话组件
💡 在营销站点上添加在线客服对话窗口
💡 用最小代码扩展现有 React 项目增加聊天能力
💡 在 hackathon 或 demo 中快速搭出可交互聊天原型

标签

chat-ui react components ui-kit

分类

💬 聊天界面

快速开始

npm install @chatscope/chat-ui-kit-react @chatscope/chat-ui-kit-styles
import { MainContainer, ChatContainer, MessageList, Message, MessageInput } from "@chatscope/chat-ui-kit-react";
# 在线 Demo：https://chatscope.io/demo
访问 GitHub 访问官网 查看文档

相关项目