Markstream｜面向AI对话界面的流式Markdown渲染器家族

用途

Markstream 是面向 AI 对话界面的开源流式 Markdown 渲染器家族。大模型逐字返回内容时，Markdown 常处于“未写完”的状态，Markstream 针对这种场景处理未闭合标记，让 token 流展示得更平滑。

适用人群

• 正在开发 AI 聊天界面、需要流式渲染的前端工程师；
• 使用 Vue 3/Nuxt、React/Next.js、Svelte、Angular 或 Vue 2 的团队；
• 需要在不依赖特定框架的环境里自行处理解析的场景。

已知能力（据来源描述）

• 处理未闭合 Markdown 并平滑呈现 token 流；
• 提供 Vue 3/Nuxt、React/Next.js、Svelte、Angular、Vue 2 及框架无关的 parser/core 包；
• 支持 Mermaid 图表、KaTeX 公式、代码高亮、安全 HTML 与 SSR；
• 多包持续维护。

使用步骤（通用参考）

1. 访问官网框架页，按所用框架选择对应包；
2. 按文档说明安装并引入渲染组件或解析核心；
3. 将模型输出的流式文本接入渲染器，开启所需扩展（如公式、图表、高亮）；
4. 在服务端渲染场景下按 SSR 说明配置。

限制与待核查

• 各框架包的具体版本、API 与兼容范围：以官方文档为准，此处不作断言；
• 项目许可：待核查，需查阅各包独立条款；
• 流式渲染性能与长文本表现：未实测，不宣称效果；
• 安全 HTML 的默认策略：待核查，接入用户生成内容前应自行确认。

提示

Mermaid、KaTeX、代码高亮等属于可选扩展，按需引入可控制体积。

来源与使用边界

原始入口：https://markstream.simonhe.me/frameworks

整理来源：https://github.com/ikaijua/Awesome-AITools

依据来源资料经AI翻译整理，未由本站实测。原始资料许可：CC-BY-4.0；目录许可不代表各产品或文件的使用授权。费用、账号、国内访问与版本兼容条件以原始发布者最新说明为准。