OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
AI Developer Tools & SDKs

Markstream Vue

Markstream Vue is a Vue front-end library that renders Markdown incrementally, including partial AI responses, code blocks, Mermaid diagrams and KaTeX equations.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Markstream Vue — OpenViST project profile in AI Developer Tools & SDKs.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use Markstream Vue when a Vue-based interface must render Markdown during a live response or other incremental update. The project distinguishes this use from rendering finished Markdown documents.

Who it is for

  • Developers building AI chat interfaces with Vue 3.
  • Teams using Nuxt or VitePress that need to render Markdown while content is still arriving.
  • Developers choosing a framework-specific renderer from the Markstream family.

Documented uses

  • Display an AI response as Markdown while its content is still changing.
  • Show streamed code blocks, Mermaid diagrams and KaTeX equations in a response.
  • Render Markdown in a Vue interface and pass a completion state to the renderer.
Before you choose

Requirements & limits

The repository declares an MIT license.

  • The Vue package targets Vue 3, Nuxt and VitePress; other listed frameworks have separate packages.
  • Mermaid, KaTeX and stream-diffs are optional peers, needed only for their associated enhancements.
  • The project recommends htmlPolicy="escape" for untrusted user-generated content.
  • The project says completed Markdown documents can be handled with finished-document renderers; Markstream is intended for content that changes while being read.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Add the renderer to a Vue application

Install Markstream Vue and display Markdown content with its component.

Before you start

  • A Vue 3, Nuxt or VitePress application
  • pnpm package manager

Steps

  1. Install the package with pnpm add markstream-vue.

  2. Import MarkdownRender from markstream-vue and import markstream-vue/index.css.

  3. Render `` with the Markdown string supplied by the application.

Expected outcome

The application displays the supplied Markdown through the Markstream Vue component.

Guide limitations

  • Mermaid, KaTeX and stream-diffs are optional peers for diagrams, math, and enhanced code or diff blocks.
Documentation 1 ↗
Source-based practical guide

Configure a Vue chat message for streamed content

Pass changing message content and completion state to the renderer in chat mode.

Before you start

  • A Vue 3 application with markstream-vue installed
  • A message string and a boolean indicating whether generation is complete

Steps

  1. Import MarkdownRender and markstream-vue/index.css.

  2. Pass the current message as content and its completion state as final.

  3. Set mode="chat" for the chat surface.

Expected outcome

The renderer receives the evolving message and whether the response is complete, using chat mode.

Guide limitations

  • The documented component setup does not provide an AI model, transport, or message-generation service.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
10 October 2026
Original website title
Simon-He95/markstream-vue · Official homepage title · retained in its source language
How we review sourcesSuggest a correction