Markstream

About Markstream

Markstream is a family of Markdown renderer components built for streaming output in AI applications, such as chat interfaces that render tokens or SSE output as it arrives. It provides framework-specific packages for Vue 3, Vue 2, React, Svelte, Angular, Nuxt, and Next.js, sharing a common core rendering model across runtimes. Features include progressive Mermaid diagram rendering, streaming diff-style code blocks, KaTeX and D2 support, and handling of large documents.

The library exposes both a content-based and a nodes-based integration path, letting developers choose between static rendering (docs sites, VitePress themes) and streaming/token-based updates. It supports overriding built-in node renderers (image, code_block, mermaid, link, and others) and adding custom tags such as thinking to extend the parser without rewriting it. Documentation covers SSR-specific setup for Nuxt and Next.js, including guidance on keeping browser-only peer dependencies behind client boundaries.

The product targets developers integrating Markdown rendering into AI chat UIs, documentation sites, or content-heavy applications, including those migrating from other Markdown renderers such as react-markdown. It offers an API reference for parser hooks and AST-level customization, along with migration guides and AI-assistant-oriented reference material (LLM context files, skill workflows) for automated adoption.

Key features

• Streaming-friendly Markdown rendering with progressive Mermaid diagram support
• Streaming diff code blocks for token-by-token updates
• High-performance handling of large documents
• Framework packages for Vue 3, React, Svelte, Angular, Nuxt, and Next.js
• Custom tag support for turning trusted HTML-like tags into custom nodes
• Overridable built-in node renderers (image, code_block, mermaid, link, etc.)

Frequently asked questions