Mermaid
Compatible with Mermaid 11
Versatile text-to-diagram language. Renders flowcharts, sequence, class, ER, state, gantt, mindmap, sankey, C4, packet, architecture, kanban, radar, treemap, venn, wardley, eventmodeling and 30+ more. Paste any Mermaid snippet — fully compatible.
In the same space
Most users come to Mermaid from Lucidchart or draw.io. Glyph runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.
Syntax at a glance
flowchart LR
A[Start] --> B{Decide}
B -->|yes| C[Do thing]
B -->|no| D[End]Paste this in the Studio code pane to see Mermaid render live. The full grammar is at the upstream-docs link above.
Sample templates
All 332 →OO class structure with inheritance, composition, interfaces.
Interaction between actors and systems over time.
Finite state machine with composite states and transitions.
Actors and the use cases they participate in.
Workflow of activities with decisions and parallelism.
High-level software components and their interfaces.
mermaid · ← Browse all engines · Quick-start guide