Released package

Markdown with clear boundaries.

A React editor for applications that need source control, rendered blocks, previews, and rich text editing without losing ownership of the Markdown underneath.

Editor modes

One document, multiple surfaces.

The editor is designed around mode switching without surprising document rewrites.

01

Markdown

Raw source editing for developers, docs authors, and systems that care about bytes.

02

Hybrid

Markdown source with rich blocks rendered inline for diagrams, tables, and code.

03

Preview

A read-only render for checking structure before shipping or publishing.

04

Rich Text

A WYSIWYG surface for users who should not need to work directly in Markdown syntax.

Live demo

Try the published React package.

Pick a sample, edit the content, and switch modes from the editor toolbar.