Mermaid diagrams,
but actually beautiful

Paste the Mermaid code your AI wrote. Get a clean diagram, pick a theme, export or share with one link. No login required.

Open the editor — it's free

No account. No credit card. No install.

Clean
Dark
Neon
Paper

Paste what the AI gave you. Even when it is a bit broken.

Assistants wrap diagrams in Markdown fences, docs tools turn quotes curly, and parentheses inside a label stop Mermaid cold. MermanDraw strips the fences and fixes the quotes before rendering.

What you paste

```mermaid
flowchart TD
    A[“Checkout”] --> B{Payment ok?}
    B -->|yes| C[Send receipt (email)]
    B -->|no| D[Retry]
```

✕ Markdown fences around the code
✕ Curly quotes in “Checkout”
✕ Unquoted parentheses in (email)

What you get

3 fixes applied automaticallytry this exact paste →

How MermanDraw works

Paste your code

Copy the Mermaid block from your AI chat and paste it into the editor. Fences and all.

See it rendered, pick a theme

The diagram updates as you type. Switch themes, adjust spacing, flip the direction.

Export or share

Download PNG or SVG, copy to the clipboard, or send a link that shows a preview wherever it lands.

Built for the code your AI writes

Paste straight from ChatGPT or Claude

Markdown fences, smart quotes and unquoted parentheses are fixed for you. The line that still fails is marked in the code.

7 themes, one click

Clean, Dark, Minimal, Pastel, Neon, Paper and Mono. Same code, a look that fits a README, a slide or a Slack thread.

Spacing sliders Mermaid itself does not have

Open up a cramped flowchart or tighten a tall one with two sliders, instead of hand-editing config.

PNG, SVG, or straight to the clipboard

Export at 2× resolution, or copy the PNG and paste it into a doc, a ticket or a chat.

Share links that unfurl with a preview

One link shows the diagram in Slack, Notion and email. Anyone can open it and edit a copy.

19 diagram types, no account

Flowcharts, sequence, class, ER, state, Gantt, mindmaps and more. Nothing to install, nothing to sign up for.

Turn your AI output into a diagram — free

No account. No install. Works in your browser in seconds.

Render my diagram

Nothing to paste yet? Start from a ready-made example or the cheatsheet.

Mermaid diagrams, but actually beautiful