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. Syntax errors name the offending line.
1
Colors
Background
Foreground
Accent
Line
Muted
Surface
Typography
Font family
Layout
Color
Presets
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.
SVG and ASCII output
Flip between SVG and terminal-ready ASCII, then download the SVG — across all ten diagram types, including C4, architecture, pie, and quadrant.