Fluxdown

A Markdown renderer built for AI streaming.
Fast, customizable, cross-platform. Ready to go.

pnpm install fluxdown

From the first word to the whole experience.

Smooth each arrival. Keep unfinished Markdown readable.

Less work. More flow.

Block-level caching reuses stable content and focuses processing on what is changing. Give long answers room to grow.

Explore blocks and updates

Markdown you know

GFM tables, task lists, strikethrough, and autolinks. Write familiar syntax and get the result your readers expect.

See Markdown support

Compose what you need

Plugins connect every stage, from parsing to presentation. Bring in remark and rehype, or write a small plugin of your own.

Explore the plugin system

Make it yours

Shape the experience with semantic slots, HTML rendering, themes, smoothing algorithms, and animations. Let every detail fit your product.

Start customizing

Free to choose a framework

A framework-independent Core handles parsing and reactive updates. Build your own renderer, or get started with the ready-made React integration.

Meet Fluxdown Core

Beyond plain text

Math, code highlighting, HTML filtering, and link safety checks take care of real content. Math and highlighting load on demand to keep the initial load light.

Explore built-in plugins

A few lines. A good beginning.

Give Fluxdown the words as they arrive. Let the reading follow.

Message.tsx

import { Fluxdown } from 'fluxdown';

type MessageProps = {
  text: string;
  isStreaming: boolean;
};

// text is the full message received so far
export function Message({
  text,
  isStreaming,
}: MessageProps) {
  return (
    <Fluxdown
      text={text}
      streaming={isStreaming}
    />
  );
}

Read the quick start