TryMermaid

Visual canvas plus code, in sync. Drag, connect and rename shapes, and TryMermaid writes the Mermaid code for you. Edit the code and the canvas updates. All 18 Mermaid diagram types: flowcharts, sequence, class, ER, state, mind maps, Gantt, timelines, C4, Sankey, and more, each with a live preview. Clean exports: PNG at an exact width or height, SVG, or copy straight to the clipboard. Your hand-placed layout is kept. Share and embed: links open the exact diagram, layout included.

Embed snippets work for docs, blogs and websites. MCP connector (Pro): Claude and other AI agents can create, validate and save diagrams for you. No account needed to start. Save up to 50 diagrams for free.