Write diagrams with Mermaid syntax and see them instantly. Flowchart, sequence, state, class, ER and XY charts render with beautiful-mermaid (15 color themes); Gantt, pie and mind map render with Mermaid. Download as SVG or PNG, all in your browser.
This Mermaid editor renders diagrams from text as you type, with live preview and instant download.
Diagrams from text
With Mermaid you describe the diagram by writing, and the tool draws it for you. Perfect for technical documentation, processes, schemas and presentations, without heavy software. Pick from 10 example types, choose a color theme, and download the result as SVG or PNG.
FAQ
What is Mermaid?
A language for creating diagrams by writing text: flowcharts, sequence, state, class, entity-relationship, XY charts (bar and line), Gantt, pie and mind map. It's used by GitHub, Notion and many other tools.
Can I change the colors?
Yes, it includes 15 professional themes (Tokyo Night, Dracula, Nord, Catppuccin, GitHub, Solarized…) to style your diagrams in one click.
Can I download the diagram?
Yes, you can download it as SVG (vector format), which keeps its quality at any size, or as PNG.
