我是新手
大约 10 分钟,让第一个渲染结果出现在屏幕上。
Markstream面向 AI 应用的流式 Markdown 渲染器
Vue • React • Svelte • Angular • Nuxt • Next.js
Skip to content
支付宝 
微信收款
你想做什么?
按你的角色选一条最短路径,不用读完整本文档。
我在做 AI 聊天应用
流式渲染 SSE / token 输出,不闪烁、不跳变。
我在做文档站
把渲染器接进 VitePress 或内容型站点。
出问题了
按你看到的现象,对号入座找到修复路径。
开箱即用的渲染能力
全部 42 个内置组件自动轮播 — 每一波都会逐 token 流式播放一遍；悬停暂停，移开恢复。
Pro tip
Streaming callouts render mid-stream.
Markdown keeps prose honest, even while it streams.
Parse incomplete markdown
Render the Mermaid diagram
Markdown
: A text format that streams well.Backlinks matter[1].
The anchor arrow jumps back to the reference. ↩︎
Backlinks matter[1].
The anchor arrow jumps back to the reference. ↩︎
适用于 AI 应用的多框架流式 Markdown 渲染器家族，支持 Mermaid 渐进渲染、流式代码块对比和高性能大文档处理 — 覆盖 Vue、React、Svelte、Angular、Nuxt 和 Next.js。
下方的能力卡片会用 markstream-vue 像真实 AI 输出一样逐 token 流式播放：未闭合语法保持稳定、代码块渐进出现、语法闭合的瞬间图表立即渲染。
找到你的路
- 第一次接触 markstream?从 Vue 快速开始 起步，或先选择框架。
- 想看看它能渲染什么？逛逛组件画廊，每张卡片都是真实渲染结果。
- 在做 AI 聊天、文档站或迁移？完整链接地图在文档路径。
- 卡在某个问题上？去按症状排查对号入座。
支持 Markstream
感谢你的支持，这会帮助文档、演示和包维护持续迭代。
文档是怎么组织的
开始使用解决接入问题：安装、快速开始、流式接法。组件是可视化入口：组件画廊、覆盖内置组件、自定义标签和每个组件的专属页面。按任务浏览汇总任务型指南和使用场景：VitePress 集成、流式渲染、性能、安全。故障排除以症状为先：先对上你看到的现象，再跳到修复方案。自定义、框架与迁移、参考在你明确目标路径后，再进入深水区。