Write Mermaid syntax, see it render live
Type Mermaid diagram syntax on the left and watch it render as an SVG on the right. Supports flowcharts, sequence diagrams, class diagrams, state diagrams, and more — anything the Mermaid syntax supports.
Your draft autosaves to this browser, and when you're happy with the result you can download it as an SVG or copy the source to paste into a README or wiki.
Frequently asked questions
What is Mermaid?
Mermaid is a text-based syntax for diagrams — flowcharts, sequence diagrams, class diagrams, Gantt charts, and more — that renders as an SVG. It's widely used in Markdown docs, GitHub READMEs, and wikis.
Where is my diagram saved?
In your browser's local storage, on your device. It autosaves as you type — but it's tied to this browser, so download the SVG for anything important.
Can I export my diagram?
Yes — download the rendered diagram as an SVG file, or copy the Mermaid source to paste into a Markdown file, GitHub README, or documentation tool that supports Mermaid.
Is my diagram sent to a server?
No. Rendering, validation, and autosave all happen locally in your browser.