SMStreamMDXStreaming renderer
Worker-first streaming markdown

Stream Markdown and MDX without treating every update like a full rerender.

StreamMDX combines worker parsing, patch-based rendering, seeded regression gates, and a real benchmark surface for teams that need deterministic incremental behavior rather than cosmetic demos.

Worker parserMDX + math + HTMLSeeded regression suiteBenchmark lab
Open DemoRead DocsView Benchmarks
$npm install stream-mdx
Why teams switch
Deterministic incremental behavior

The public site, benchmark lab, and replay harness are all built on the same renderer surface. If the product drifts, the evidence shows up in the same place users evaluate it.

Public surface
Docs, demo, benchmarks, showcase, and TUI guidance share one visual system.

Move between the product surfaces without relearning the layout: the same shell carries integration guidance, live demos, benchmark evidence, and non-React/TUI documentation.

Worker-first
MDX parse off the main thread

Parser + compile isolation

Seeded replay
Deterministic reliability gates

Real regression evidence

Incremental DOM
Patch renderer instead of full rerender

Stable finalized blocks

Benchmark lab
Live and static comparison surfaces

Methodology stays on-site

Proof, not promises

The public surface starts with implementation posture: parser isolation, patch-based rendering, and regression evidence before feature breadth.

Worker-first parsing
  • Off-main-thread MDX compilation.
  • Zero-latency UI interactions.
  • Incremental AST hydration.
Architecture
Patch-based rendering
  • Tail block updates only.
  • Stable finalized blocks.
  • Minimal DOM reflows.
View demo
Output locked
  • HTML snapshot locks.
  • Regression protection.
  • Incremental checkouts.
Testing docs
Feature highlights

Once the core renderer behavior is trustworthy, these are the capabilities teams usually care about next: MDX, HTML mapping, syntax highlighting, math/diagram support, and hardening for production use.

Browse capability demos

The public site now covers the integration surface, benchmark methodology, showcase articles, and the regression work that keeps the renderer honest.

Incremental Shiki

Highlight code blocks as they stream without flicker or layout shifts.

Rendering guide
Full MDX support

Import and render React components directly within your markdown stream.

MDX guide
HTML overrides

Map standard markdown elements to your design system components.

HTML showcase
Math & Mermaid

First-class KaTeX and Mermaid diagrams via optional plugins.

Mermaid guide
Format anticipation

Regex-based plugins to predict and format content early.

Format guide
Security model

Built-in sanitization and CSP-friendly rendering for untrusted output.

Security docs
StreamMDX
Worker-first streaming Markdown and MDX for React, benchmarked locally and hardened with seeded regression gates.
Worker parserSeeded replayPublic benchmark lab
DocsDemoBenchmarksShowcaseGitHub
Surface
Public docs, demo, benchmarks, showcase articles, and protocol references live in one surface.
Built with Next.js