Markdown for AI,
built for the stream.

01 / MADE FOR THE IN-BETWEEN

A document in motion.

An open code fence. An unfinished formula. A footnote still on its way. Keep appending to one Markdown string while AI Markdown handles the intermediate states.

Explore streaming →

ReactMessage.tsx

import { AIMarkdown } from '@ai-markdown/react';
import '@ai-markdown/react/styles.css';

export function Message({ text, streaming }) {
  return (
    <AIMarkdown
      content={text}
      streaming={streaming}
      streamingCursor
    />
  );
}

Rendered message

From tokens to thoughtful answers.

A clear answer, with rich formatting and room for every language.

Hello, world.你好，世界。こんにちは、世界。

MarkdownGFMLaTeXCJK

02 / CHOOSE YOUR STARTING POINT

One engine. Your framework.

@ai-markdown/react

React

Components, hooks and custom renderers that fit your application.

React documentation →@ai-markdown/vue

Vue

Reactive props, scoped slots and composables for Vue applications.

Vue documentation →@ai-markdown/react-mantine

Mantine

Theme-aware typography, highlighted code and Mermaid diagrams.

Mantine integration →

Room for your UI.

Use your own components, styles and URL policies. Keep application behavior in your application.

Find a customization guide →

Built on shared foundations.

Parsing and streaming coordination live in the shared engine and core. Framework adapters handle the lifecycle.

Explore Core / Engine →

ai-markdown · From the first token to the final footnote.Meet the project ↗