# Simon-He95/markstream-vue

Multi-framework streaming Markdown renderers for AI apps: Vue/Nuxt, React/Next.js, Svelte, and Angular, with Mermaid, KaTeX, stream-diffs code blocks, safe HTML, and low-jitter updates.

Repository: https://github.com/Simon-He95/markstream-vue
Canonical: https://ross.abutalabs.com/products/markstream-vue
Homepage: https://markstream.simonhe.me
Language: Vue
License: MIT
License Family: permissive
Topics: markdown, ai, katex, mermaid, nuxt, react, stream-markdown, svelte, vue, ai-chat, angular, llm, markdown-renderer, nextjs, safe-html, streaming-markdown, vitepress, markstream, octane
Last push: 2026-08-26T14:53:39+00:00

## Health v2 (maintenance only)
Score: 82/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 87, longevity 33
- inputs: {"age_days": 468, "days_push": 7, "days_rel": 7, "gap_med": 0.0, "n_releases_24m": 221}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2967, forks 180 (observed 2026-08-28T04:07:32.582790+00:00)

## What it is
A family of streaming Markdown renderer components for AI chat and LLM token-stream UIs, with markstream-vue as the stable Vue 3/Nuxt/VitePress package and siblings for React, Svelte, Angular, and Vue 2. It handles incomplete Markdown gracefully with progressive Mermaid and D2 diagrams, KaTeX math, stream-diffs code blocks, safe HTML, custom tags, and low-jitter incremental updates.

## Use cases
- render streaming markdown from an LLM token stream in a Vue chat UI
- display AI chat responses with SSE in Nuxt
- render partial markdown without layout jitter while tokens arrive
- show progressive mermaid diagrams and KaTeX math in AI output
- render streaming code diffs as they are generated
- integrate a markdown renderer into a VitePress docs theme
- migrate from react-markdown to a streaming-friendly renderer
- safely render markdown with custom tags like thinking in AI apps

## When to choose
- you render AI/chat/SSE output while text is still arriving
- you need progressive Mermaid, D2, KaTeX, or streaming diff code blocks
- you want viewport-aware scheduling for large documents
- you build Vue/Nuxt/VitePress UIs and want the most mature package in the family

## When to avoid
- you only render completed, static markdown
- you depend heavily on the unified remark/rehype plugin ecosystem
- you need HTML allow/deny lists as first-class props
- you need a stable Angular or Svelte renderer today (those packages are alpha/beta)

## Facets
- artifact type: library
- maturity: stable
- function: markdown, templating, ui-components, nlp
- domain: frontend, web-development, large-language-models, chatbots, documentation
- platform: cross-platform
- tags: streaming-markdown, ai-chat, vue, nuxt, react, svelte, angular, katex, mermaid, sse, token-streaming, safe-html, vitepress, code-diffs, nodejs, web-server

## Member repositories
- Simon-He95/markstream-vue (main) score 82

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:32.582790+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:31:53.024850+00:00, confidence not recorded.
  - readme: https://github.com/Simon-He95/markstream-vue (fetched 2026-08-28T04:07:32.582790+00:00, sha 6f5e778ffafe)
  - homepage: https://markstream.simonhe.me (fetched 2026-08-29T09:47:31.073339+00:00, sha a02a668d14da)
  - site_page: https://markstream.simonhe.me/guide/usage.html (fetched 2026-08-29T09:47:31.084502+00:00, sha 4ce47b765008)
  - site_page: https://markstream.simonhe.me/guide/react-markdown-migration.html (fetched 2026-08-29T09:47:31.086384+00:00, sha 5ae552ed1f21)
  - site_page: https://markstream.simonhe.me/guide/ai-workflows.html (fetched 2026-08-29T09:47:31.088279+00:00, sha d7b2b589a790)
  - site_page: https://markstream.simonhe.me/guide/vitepress-docs-integration.html (fetched 2026-08-29T09:47:31.090169+00:00, sha b4cfd480d797)
  - site_page: https://markstream.simonhe.me/guide/features.html (fetched 2026-08-29T09:47:31.091848+00:00, sha f4045a9a7b37)
  - site_page: https://markstream.simonhe.me/frameworks (fetched 2026-08-29T09:47:31.082481+00:00, sha d029423cd23f)
- Data as of 2026-08-30T08:39:29.467469+00:00.