• 100% Free
  • No Sign-Up
  • No Credit Card
  • No Free Trial
  • No Pro Tier
  • No Watermarks

Nothing is uploaded. Just open it and start.

The Mermaid editor that stays out of your way

Free, no sign-up, no credit card, no trial. No watermark on your diagram — write Mermaid, watch it render live, and ship the result as a PNG in your docs, an SVG in your designs, or a link in your team chat.

Instant live preview

The diagram re-renders as you type, with errors pinpointed on the exact line — never lose a working diagram to a typo.

PNG, SVG & PDF export

One click for a sharp PNG (1×, 2× or 4×), an infinitely scalable SVG with your diagram's fonts embedded, or a one-page PDF. Pick the theme and background, or copy it as a Markdown block or an HTML embed.

Share with a link

Copy a link that holds your whole diagram in the URL. Nothing is uploaded, and whoever opens it gets their own editable copy.

Light & dark, beautifully

The editor and your diagrams re-theme together. Follows your system by default.

No account, no lock-in

Your diagrams autosave in your browser as named files you can rename, duplicate and delete. They are plain Mermaid text: open or drop .mmd and Markdown files, and take them anywhere.

Start from a template

17 annotated examples — flowcharts, sequence diagrams, Gantt charts, and more.

Browse templates

Frequently asked questions

What is Mermaid?
Mermaid is an open-source syntax for describing diagrams as plain text. You write a few lines of code — like `flowchart TD` followed by nodes and arrows — and it renders as a clean SVG diagram. Because diagrams are text, they diff, version, and copy-paste like code.
Is it free?
Yes. The editor, live preview, PNG/SVG/PDF export, and share links are free, with no account or sign-up required.
How do share links work?
Clicking Share copies a link that carries your whole diagram inside the address itself. Nothing is uploaded or saved on our servers — anyone who opens the link gets the diagram loaded into their own editor.
Can I export diagrams as images?
Yes — download any diagram as a PNG at 1×, 2× or 4× for docs and slides, as an SVG that scales to any size, or as a one-page PDF. Choose a light or dark theme and a solid or transparent background, or copy the image, the SVG code, a Markdown block or an HTML embed snippet straight to your clipboard.
Which diagram types are supported?
Everything Mermaid supports: flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship diagrams, Gantt charts, pie charts, mindmaps, timelines, git graphs, user journeys, quadrant charts, Sankey and XY charts, block and architecture diagrams, C4 diagrams, and more.

Spotted a bug or have a suggestion?

Found something broken, have an idea, or just want to say thanks about any of our tools? Every message reaches a real person.