The words arrive. The reading begins.

A good answer is worth reading before its final word. Fluxdown keeps incoming Markdown clear, even while the thought is still taking shape.

From fragments to a thought

Smooth streaming connects uneven bursts. A gentle fade welcomes new text.

Give language room to breathe.
Let the reader follow along.

Many languages, one experience

• English: Ideas unfold.
• 中文：让想法自然展开。
• 日本語：考えが形になる。
• 한국어: 생각이 이어집니다.

Use bold, emphasis, both, or an old idea. Keep names like streaming easy to spot.

• Install Fluxdown
• Pass accumulated text
• Make it your own

1. Start a message.
2. Append new content.
   • Keep existing content steady.
   • Let new words unfold.
3. End streaming when done.

Put words in motion

import { Fluxdown } from 'fluxdown';

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

export const Message = ({ text, pending }: MessageProps) => (
  <Fluxdown text={text} streaming={pending} />
);

A framework-independent Core powers this interface.

# Collect incoming text
message = ""
for chunk in chunks:
    message += chunk

{ "renderer": "Fluxdown", "message": "Hello!" }

Indented code works too:

const message = 'Keep going.';
console.log(message);

A familiar heading

An alternative to a level-one heading.

Room for details

Dashes make a level-two heading. This demo opts into both forms and indented code.

Keep math close

Math is enabled here: $E = mc^2$, or a separate equation:

A little HTML

Try an underline or emphasis.

Visit Fluxdown. These tags are allowed by default; HTML is still sanitized.

Links and images

Use a project link, or a reference link.
Plain URLs work too: https://github.com/hexmora/fluxdown, or hello@example.com.

Small details

Escape an asterisk: *this*.
Two trailing spaces make a hard break.
Plain newlines work too.

Entities: ©, &, <Markdown>.

One more thought

Bring your next idea to the people reading it.