reachat

reachat 是一套面向 ReactJS 的开源 UI 组件库，解决的是聊天界面开发中那些看起来简单、做起来繁琐的部分：消息如何渲染、用户交互如何处理、会话布局如何管理。它把这些复杂度封装成可复用的组件，开发者接入后即可专注自己的应用逻辑。安装只有三步：执行 npm i reachat、在项目中引入、连接自有后端。

能力上，它基于 Tailwind CSS 构建，因此界面的每个方面都能按需改；渲染层支持 markdown、KaTeX 数学公式、图片与视频嵌入、多文件上传，并留有可插拔的 remark 插件管线。LLM 一侧，Component Catalog 允许模型把回复直接渲染成真实的 React 组件，例如图表、卡片和布局；Mentions 与 Slash Commands 由 Tiptap 驱动，支持同步或异步数据源。组件通过 slots 机制组织，单个组件可替换而不影响库的其余行为。

定位上它不绑定任何后端或模型，可以接 OpenAI、Anthropic、自有 API，也可以使用内置的 useAgUi hook 对接 AG-UI 协议。对独立开发者来说它是把聊天功能快速拼起来的起点，对团队来说它可以作为统一的前端交互底座，前提是团队本身使用 React 技术栈，并有能力自行完成服务端与模型接入。

当你要在 React 项目里快速搭一个聊天界面，且愿意自己写后端和模型调用时，reachat 值得用：界面层最费事的消息渲染、附件上传、@ 提及、markdown 与公式渲染都已经做好，Tailwind 底座又让你把样式改成自家风格，Apache 2.0 许可也不必担心商用授权。当你要的是开箱即用的完整聊天产品、或者团队不走 React 技术栈时，它不是合适的答案——它只负责前端 UI，模型接入、会话存储、权限与计费都要自己建。