← ToolsConverters
Mermaid diagrams.
Paste Mermaid code — flowcharts, sequence diagrams and more render live. Export SVG, PNG or JPG, transparent or themed.
Render appears here…
PNG raster at 1x/2x/3x — use SVG when you need selectable text.
Lazy mermaid chunk (this page only) · strict security · caps: 500 edges / 50KB live, button-render above.
🔒 Privacy — runs 100% locally
No uploads · no cookies · works offline after load. View Source if you don't believe it.
How to use.
- Pick a sample or paste your own Mermaid code — preview renders live.
- Choose a theme (Light/Dark/Forest) and a background (transparent, theme, custom).
- Download SVG, PNG or JPG at 1x–3x, or copy the SVG markup.
Related tools.
Converters
Markdown to PDF
Markdown to a print-ready PDF with selectable text — styled preview, then your browser's Save as PDF.
Generators
QR generator
Text, URL, phone or Wi-Fi credentials to a scannable QR. Download as PNG or SVG.
Converters
JSX to HTML
HTML to JSX is near-lossless; JSX to HTML covers presentational components. Includes a live render check.
FAQ.
Which diagram types work?
Flowchart, sequence, class, state, ER, Gantt, pie, mindmap and more — anything mermaid parses, with samples for the big six.
Why is JPG background mandatory?
JPEG has no alpha channel, so transparency is impossible — the tool falls back to the theme background automatically.
Is the mermaid library a heavy download?
It's ~700KB gzip but loads lazily only on this page. Everything else on the site is unaffected.