Simon-He95/markstream-vue

Markstream-vue is a streaming Markdown renderer for Vue 3, Nuxt, and VitePress applications that need to display content as it arrives from AI models and language model token streams.

The tool solves the problem of rendering incomplete or progressively arriving Markdown content with low-jitter updates and stable partial states. It handles incomplete Markdown, long AI responses, and streaming code blocks by parsing and rendering Markdown incrementally as tokens arrive, rather than waiting for a complete document. The renderer supports Mermaid diagrams, KaTeX mathematical notation, stream-diffs code blocks for showing changes, and safe HTML rendering without exposing XSS vulnerabilities.

Choose this tool when building AI chat interfaces, LLM output displays, or any application where Markdown content arrives incrementally over time. It suits Vue, Nuxt, and VitePress projects specifically. The README distinguishes it from general-purpose Markdown renderers like marked, markdown-it, and react-markdown by noting those tools are designed for finished documents, whereas Markstream is built for content that changes while the user reads it. The project provides sibling packages for React, Svelte, Angular, and other frameworks, so developers on those stacks should use the corresponding renderer instead.

The project maintains multiple package versions and migration paths, preserving a legacy 1.x line alongside the current 2.x release to support applications that cannot upgrade immediately. Development includes detailed comparison documentation against competing streaming Markdown solutions and framework-specific landing pages for each supported platform. The tool offers both a full Vue component package and a framework-agnostic parser for applications needing lower-level control, with optional stream-diffs integration for enhanced code block rendering.