Runs in your browser — nothing is uploaded
Ctrl+Enter runs · Tab indents · Ctrl+/ comments · Esc then Tab leaves the editor
Diagram
How to use Mermaid Editor
Describe a diagram in text and watch it render — then download a crisp SVG or PNG.
- Pick an example or start typing Mermaid text.
- The diagram renders as you type.
- Choose a theme.
- Download SVG or PNG, or copy a share link.
Questions
Which diagrams are supported?
Everything in Mermaid 11: flowcharts, sequence, class, state, ER, Gantt, pie, journey, mind map, timeline, git graph and more.
Can I edit a diagram visually?
For drag-and-drop editing use the Flowchart Maker or ER Diagram Maker; Mermaid is best for diagrams kept as text next to code and docs.
Is my code uploaded?
No. It runs in your browser and drafts are saved only in this browser. Share links keep the code in the part of the URL after #, which browsers never send to a server.