Drag-and-drop nodes onto a canvas, connect them, and get valid Mermaid code instantly. Flowcharts, sequence diagrams, ER, class, and state diagrams — no syntax to memorize.
Everything you need to create professional diagrams without writing a line of Mermaid syntax.
Pick node types from the palette, drop them on the canvas, and drag to connect. Resize, reorder, and auto-layout with a click.
Flowcharts, sequence diagrams, ER diagrams, class diagrams, and state diagrams — each with type-specific nodes, edges, and styling.
Every change you make on the canvas updates the Mermaid syntax instantly. Copy it, paste it into your docs, or preview the rendered diagram.
Jump-start your work with 11 ready-made templates across all five diagram types. Open, customize, and save as your own.
Export your finished diagrams as high-resolution PNG images, ready for presentations, documentation, or sharing.
Save your work locally and pick up where you left off. Free users get 3 save slots; Pro gets unlimited.
Start free — upgrade when you need more.
Get started in seconds
For teams and power users
No sign-up needed. Open the editor and drag your first node onto the canvas.