Install the right peer set
Pick the smallest dependency set for docs sites, chat UIs, Monaco-heavy editors, or diagram-first content.
Vue 3 • Vue 2 • React • Angular • Nuxt
A streaming-friendly Markdown renderer with progressive Mermaid support, streaming diff code blocks, and high-performance handling of large documents.
If markstream-vue helps your work, you can support ongoing maintenance with Alipay or WeChat Pay.


Thank you for helping keep the docs, demos, and package maintenance moving.
| If you are trying to... | Start here | Then go to |
|---|---|---|
| get the first render on screen | Installation | Quick Start |
| integrate it into a docs site or VitePress theme | Docs Site & VitePress | Custom Tags & Advanced Components |
| wire streaming or SSE output | AI Chat & Streaming | Performance |
| debug a broken integration but you do not know why | Troubleshooting by Symptom | Troubleshooting |
| replace one built-in node renderer | Override Built-in Components | Renderer & Node Components |
add trusted tags such as thinking | Custom Tags & Advanced Components | API Reference |
| work at the parser / AST layer | API Reference | Parser API |
| migrate or use AI to speed up adoption | AI / Skills workflows | react-markdown migration |
content and nodes.image, code_block, mermaid, link, and other built-ins safely.Framework Support
All framework packages share the same core rendering model, but the entry pages differ by runtime and migration path.
| Framework | Best first page | Use when | Demo |
|---|---|---|---|
Vue 3 (markstream-vue) | Guide Home | You want the main, most fully documented integration path | Live demo |
| VitePress docs site | Docs Site & VitePress | You are embedding renderer output into documentation pages or a content-driven site | Live demo |
| Nuxt | Nuxt SSR | You need client-only guards, SSR notes, or worker setup | Live demo |
Vue 2 (markstream-vue2) | Vue 2 Quick Start | You are on Vue 2.6 / 2.7 and need the compatible package | Live demo |
React (markstream-react) | React Quick Start | You are adopting React directly or migrating from react-markdown | Live demo |
Angular (markstream-angular) | Angular Quick Start | You are using standalone Angular components | Live demo |
Start Here is task-oriented: install, first render, streaming usage, and props.Customization covers renderer overrides, custom tags, parser hooks, styling, and troubleshooting.Feature Guides is now collapsed by default and holds the deeper dives for code blocks, Mermaid, KaTeX, D2, Monaco, and related nodes.Frameworks & Migration is for Vue 2, React, Angular, Nuxt, and AI-assisted adoption workflows once you already know your target path.