Drawmaid — build Mermaid diagrams visually

Drawmaid is a free, browser-based visual editor for Mermaid diagrams — all fifteen types, from flowcharts, sequence and class diagrams to gantt charts, gitgraphs and C4. Edit the diagram and the Mermaid code writes itself; edit the code and the diagram follows. The sync runs both ways, and your layout is preserved. No account, no backend: diagrams are saved in your own browser.

• All fifteen Mermaid diagram types: flowchart, sequence, class, state, entity-relationship, gantt, pie, quadrant, requirement, gitgraph, C4, mindmap, timeline, user journey and swimlane.
• Drag-and-drop canvases for the graph kinds — fourteen flowchart shapes, connections from any side, solid, dotted or thick edges — and structured editors with the same live code sync for the chart kinds.
• Live Mermaid code with syntax highlighting, and one-click copy.
• Paste existing Mermaid code and get an editable, auto-laid-out diagram.
• Export to Mermaid, SVG, PNG, or PDF; share diagrams as links.
• Version history with restore and visual diffs, plus light and dark themes.