Write Mermaid, watch it render as you type.

A live SVG preview, 15 switchable themes, pan & zoom, and one-click SVG export — every diagram you edit here round-trips through the URL, so a shared link reproduces the exact view.

Colors

Background

Foreground

Accent

Line

Muted

Surface

Typography

Font family

Layout

Padding

Edge stroke

Node border

Ready

Ln 1, Col 1

Start typing to render your diagram

Everything a mermaid.live user expects

Built to be the fast, shareable way to draft a diagram.

Live, debounced rendering

Type or paste Mermaid source and the preview re-renders a beat later — no explicit "run" button, no full page reload.

Shareable via URL

The diagram source and selected theme both round-trip through the URL hash — copy the link, send the exact view.

15 built-in themes

Switch instantly between all 15 themes right from the toolbar, with no re-parse of your diagram source.

One-click SVG export

Download the exact rendered diagram as a clean, standalone SVG file — ready to drop into docs or slides.