面向 AI 流式输出的 react-markdown 即插即用替代品，可正确渲染未完成的 Markdown 片段。
5747+9 本周324TypeScriptOther维护活跃更新于 前天
richardgill/llm-ui
用于渲染 LLM 流式输出的 React 组件库，可修复残缺 Markdown 并支持自定义组件。
- Star
- 1,752
- Fork
- 90
- 未关闭 Issue
- 18
- 最近提交
- 上个月
这是什么？
llm-ui 是一个用于展示大语言模型输出内容的 React 库。流式输出的 LLM 文本经常带有不完整的 Markdown 语法，比如未闭合的代码块或只写了一半的强调标记，容易导致渲染错乱。该库会去除这些残缺语法，让内容在流式输出过程中保持正常显示。
除此之外，它通过节流处理平滑输出中的停顿，并以浏览器原生帧率刷新渲染。代码块借助 Shiki 支持各种编程语言的语法高亮。开发者还可以把自定义 React 组件注册到 LLM 输出中，用于渲染特定格式的内容。
该库是无样式（headless）设计，不限定视觉风格，样式由你自行编写或接入现有设计系统。
核心功能
- 01自动修复流式输出中残缺的 Markdown 语法。
- 02对流式文本进行节流，减少输出卡顿感。
- 03以浏览器原生帧率渲染更新。
- 04借助 Shiki 为所有语言的代码块提供语法高亮。
- 05支持向 LLM 输出中加入自定义 React 组件。
- 06无样式设计，视觉效果完全由开发者掌控。
适用场景
- 为调用 LLM API 的应用构建流式聊天界面。
- 在 React Web 应用中渲染 AI 助手返回的 Markdown 和代码。
- 在 AI 生成的回答中嵌入自定义交互组件。
快速上手
- 1
安装 llm-ui 包
- 2
阅读文档了解用法
使用前须知
- README 中未给出安装命令，设置细节需参考外部文档。
收录于专题
标签
常见问题
- llm-ui 是什么？
- 用于渲染 LLM 流式输出的 React 组件库，可修复残缺 Markdown 并支持自定义组件。 llm-ui 是一个用于展示大语言模型输出内容的 React 库。流式输出的 LLM 文本经常带有不完整的 Markdown 语法，比如未闭合的代码块或只写了一半的强调标记，容易导致渲染错乱。该库会去除这些残缺语法，让内容在流式输出过程中保持正常显示。
- llm-ui 可以免费使用吗？用的什么许可证？
- llm-ui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- llm-ui 还在维护吗？
- 半年内有更新。llm-ui 最近一次提交是在 2026年9月29日。
- llm-ui 适合用来做什么？
- 为调用 LLM API 的应用构建流式聊天界面。 在 React Web 应用中渲染 AI 助手返回的 Markdown 和代码。 在 AI 生成的回答中嵌入自定义交互组件。
- llm-ui 怎么安装和运行？
- 安装 llm-ui 包 阅读文档了解用法
- 在哪里获取 llm-ui？
- 源代码和安装说明在 GitHub 上：https://github.com/richardgill/llm-ui
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
用于构建 AI 对话界面的 TypeScript/React 组件库，提供可组合的基础组件与多种后端集成。
1.3万+144 本周1316TypeScriptMIT更新于 19小时前
面向 React 与 Next.js 的开源动效组件库，提供 215 个以上可定制的动画组件与背景。
5.1万+629 本周2573JavaScriptOther更新于 7天前
面向 React 的无障碍组件库与设计系统，用于快速构建 Web 应用，支持深色模式和 Next.js RSC。
4.1万+6 本周3647TypeScriptMIT更新于 前天
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库，前身为 NextUI。
3.1万+77 本周2242TypeScriptApache-2.0更新于 3天前
一套开源的无样式、注重无障碍的 React UI 基础组件，用于构建设计系统和 Web 应用。
1.9万+28 本周1305TypeScriptMIT维护活跃更新于 24天前