Export mermaid to PNG or SVG
Four ways out of a mermaid diagram — PNG, SVG, .mmd source and a Markdown block — and when each one is the right answer.
Read the guide →Mermaid guides
Short, practical notes on mermaid — the syntax worth memorising, the exports people ask for, and the diagram types that come up most. Every example is one paste away from the editor.
Mermaid sequence diagrams
Participants, arrow types, activation bars, loops and alt blocks — the whole sequence diagram syntax with runnable examples.
Read the guide →Mermaid syntax cheat sheet
Node shapes, arrows, subgraphs and styling in one page — plus a working example of every diagram type mermaid renders.
Read the guide →