M
Derrick Foos's Mermaid Studio
visual + source diagram editor
Diagrams never leave this device
Mermaid Docs ↗
Fetch icon packs: Off
Dark
New
Open
Export ▾
Export SVG
Export PNG
Export Mermaid (.mmd)
Export Markdown (.md)
Save Project (.json)
Print / Save PDF
Copy ▾
Copy Mermaid Source
Copy Fenced Markdown
Flowchart
Architecture
Sequence
Class
State
Entity-Relationship
Gantt
Pie
Git Graph
Mindmap
User Journey
Visual
Source
Clear Autosave
Gallery
Editor
Preview
SAMPLE GALLERY
MERMAID SOURCE
visual editing unavailable for this diagram type
1
+ Node
Link Nodes
Rectangle
Rounded
Decision
Circle
Stadium
Top → Down
Left → Right
Rename
Delete
Click canvas to add a node
LIVE PREVIEW · rendered locally
−
100%
+
Fit
100%
Full Preview
Confirm