Streamdown - 专为 AI 流式 Markdown 渲染设计的 react-markdown 替代品
http://github.com/vercel/streamdown
Streamdown 是一个针对 AI 驱动的流式传输而设计的 react-markdown 的替代品。它提供了一系列针对流式传输的优化功能,如处理不完整的 Markdown 块、支持 GitHub Flavored Markdown、数学公式渲染、Mermaid 图表渲染等。Streamdown 可以作为独立的包安装使用,也可以作为 AI Elements Response 组件的一部分使用。
● 即装即用,完美替代 react-markdown,无需改动现有代码结构
● 流式优化,支持不完整 Markdown 实时解析,保证内容流畅呈现
● 支持未终止的加粗、斜体、代码块、链接和标题样式,提升用户体验
● 完备的 GitHub Flavored Markdown 支持:表格、任务列表、删除线等全覆盖
● 内置 LaTeX 渲染(KaTeX),满足数学公式显示需求
● 集成 Shiki 代码语法高亮,代码展示更美观、易读
● 基于 harden-react-markdown,安全渲染防止 XSS 等风险
● 性能优化,借助 memoization 实现高效更新,适合复杂交互场景
● 兼容 Node.js 18+ 和 React 19.1.1+,开发、测试、构建流程完善
#Tool #GitHub #Design
http://github.com/vercel/streamdown
Streamdown 是一个针对 AI 驱动的流式传输而设计的 react-markdown 的替代品。它提供了一系列针对流式传输的优化功能,如处理不完整的 Markdown 块、支持 GitHub Flavored Markdown、数学公式渲染、Mermaid 图表渲染等。Streamdown 可以作为独立的包安装使用,也可以作为 AI Elements Response 组件的一部分使用。
● 即装即用,完美替代 react-markdown,无需改动现有代码结构
● 流式优化,支持不完整 Markdown 实时解析,保证内容流畅呈现
● 支持未终止的加粗、斜体、代码块、链接和标题样式,提升用户体验
● 完备的 GitHub Flavored Markdown 支持:表格、任务列表、删除线等全覆盖
● 内置 LaTeX 渲染(KaTeX),满足数学公式显示需求
● 集成 Shiki 代码语法高亮,代码展示更美观、易读
● 基于 harden-react-markdown,安全渲染防止 XSS 等风险
● 性能优化,借助 memoization 实现高效更新,适合复杂交互场景
● 兼容 Node.js 18+ 和 React 19.1.1+,开发、测试、构建流程完善
#Tool #GitHub #Design