Diagram as code: Mermaid to editable canvas

Paste Mermaid and get editable shapes and arrows on the canvas. Play diagrams back step by step and export them back to Mermaid.

Why teams use it

Flowcharts become real shapes and bound arrows you can restyle and rearrange.

Export the canvas diagram back to Mermaid for docs and READMEs.

Reveal a diagram node by node to walk a team through a flow.

Press Tab on a shape to add the next step, already connected.

Which Mermaid diagrams are supported?

Flowcharts today. Unsupported directives are skipped and listed, never silently dropped.

Canvas

Sketch, map and plan on an infinite canvas with shapes, connectors, sticky notes, rich text, frames and pages — fast enough for thousands of objects.

Collaboration

Live cursors, instant sync and comment pins. Invite your team to a Co-Space and edit the same canvas at the same time — conflict-free.

Assets

Search thousands of open-source Tabler icons and drop them on the canvas. Borderless, recolourable and crisp at any size.

Free to start. No credit card.