Skip to content

markstream-vueStreaming-friendly Markdown renderer

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.

Support markstream-vue

If markstream-vue helps your work, you can support ongoing maintenance with Alipay or WeChat Pay.

Alipay QR code
Alipay
WeChat Pay QR code
WeChat Pay

Thank you for helping keep the docs, demos, and package maintenance moving.

Pick The Shortest Path

If you are trying to...Start hereThen go to
get the first render on screenInstallationQuick Start
integrate it into a docs site or VitePress themeDocs Site & VitePressCustom Tags & Advanced Components
wire streaming or SSE outputAI Chat & StreamingPerformance
debug a broken integration but you do not know whyTroubleshooting by SymptomTroubleshooting
replace one built-in node rendererOverride Built-in ComponentsRenderer & Node Components
add trusted tags such as thinkingCustom Tags & Advanced ComponentsAPI Reference
work at the parser / AST layerAPI ReferenceParser API
migrate or use AI to speed up adoptionAI / Skills workflowsreact-markdown migration

Choose Your Role

I am new to markstream

  • Start with Guide Home if you want the task-oriented map.
  • Use Installation if you already know the framework and just need the right peer set.
  • Use Quick Start if you want the smallest Vue 3 example first.

I am integrating it into an existing app

I am customizing rendering

I want help from AI tools

Choose Your Framework

Framework Support

All framework packages share the same core rendering model, but the entry pages differ by runtime and migration path.

FrameworkBest first pageUse whenDemo
Vue 3 (markstream-vue)Guide HomeYou want the main, most fully documented integration pathLive demo
VitePress docs siteDocs Site & VitePressYou are embedding renderer output into documentation pages or a content-driven siteLive demo
NuxtNuxt SSRYou need client-only guards, SSR notes, or worker setupLive demo
Vue 2 (markstream-vue2)Vue 2 Quick StartYou are on Vue 2.6 / 2.7 and need the compatible packageLive demo
React (markstream-react)React Quick StartYou are adopting React directly or migrating from react-markdownLive demo
Angular (markstream-angular)Angular Quick StartYou are using standalone Angular componentsLive demo

Common Destinations

How The Docs Are Organized

  • 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.