Skip to content

MarkstreamStreaming Markdown renderers for AI apps

Vue • React • Svelte • Angular • Nuxt • Next.js

markstream-vue streaming Markdown playground illustration

What do you want to do?

Pick the shortest path for your role — no need to read everything first.

What you get out of the box

All 42 built-in components on autoplay — every wave replays its markdown as a token stream. Hover to pause, move away to resume.

A streaming-friendly Markdown renderer family with progressive Mermaid support, streaming diff code blocks, and high-performance handling of large documents — available for Vue, React, Svelte, Angular, Nuxt, and Next.js.

The showcase cards below replay their markdown as a live token stream through markstream-vue — incomplete syntax stays stable, code blocks appear progressively, and diagrams render the moment they close.

Find your way ​

Support Markstream ​

Support Markstream

If Markstream helps your work, you can support ongoing maintenance on GitHub Sponsors, or with Alipay / WeChat Pay.

Sponsor on GitHub
Alipay QR code
Alipay
WeChat Pay QR code
WeChat Pay

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

How The Docs Are Organized ​

  • Get Started gets you to a first render: install, quick start, streaming usage.
  • Components is the visual entry: the live component gallery, overrides, custom tags, and per-component pages.
  • Guides by Task collects task-oriented guides and use cases: VitePress integration, streaming, performance, security.
  • Troubleshooting is symptom-first: match what you see, then jump to the fix.
  • Customize, Frameworks & Migration, and Reference hold the deeper dives once you know your target path.