Mermaid Diagram Editor with Live Preview
Type diagram code, see it instantly, export crisp PNG or SVG. Diagrams stay in your browser.
Help shape Mermaid Diagram Editor with Live Preview
The bug you just noticed will fade in 3 minutes. The feature idea will vanish after your next tab switch. Crazy peps don't suffer silently.
Frequently Asked Questions
Mermaid turns short text into diagrams. GitHub, GitLab, Notion and Obsidian render Mermaid code blocks, so diagrams live next to your docs and code.
Use Export → Copy as Markdown and paste the ```mermaid block. GitHub renders it automatically; use Copy image URL for places that don't.
Yes — PNG at 1× to 4× with a white, themed or transparent background, or vector SVG that scales to any size.
Yes, in your browser's storage on this device. Nothing is uploaded; share links carry the diagram inside the URL.
After the first visit, yes. Mermaid itself is downloaded from jsDelivr once and then cached.