FREE TOOL

Mermaid Diagram Editor

Live preview. Instant exports. Shareable links. 100% browser-based.

The fastest way to build flowcharts, sequence diagrams, ER models, class diagrams, mindmaps, and more. No account. No data leaves your computer.

LIVE EDITOR
Source
Snippets:
Preview
150%
Start typing to render a diagram.
Diagrams render entirely in your browser. Nothing is sent to any server.

Tip: Edit the left side and the preview updates live. Use the snippet buttons or load an example. Share the URL to collaborate.

Live preview

See every change rendered instantly. No save button, no reloads.

Export anywhere

Download clean SVG or high-resolution PNG with one click. Perfect for docs, slides, and wikis.

Shareable links

Your diagram lives in the URL. Send the link and others see exactly what you built.

Private by design

Everything runs in your browser. Diagrams never leave your device.

Common Mermaid use cases

Architecture & system design

Flowcharts and C4-style diagrams that explain how services connect.

API & data flows

Sequence diagrams for request lifecycles and integration points.

Data models & schemas

ER diagrams and class diagrams for your domain model and database.

Roadmaps & timelines

Gantt charts and mindmaps for planning and onboarding.

Frequently asked questions

Is this Mermaid editor completely free?

Yes. Use it as much as you want. No sign up, no limits, no watermarks.

Do I need an account or to install anything?

No. Open the page and start editing. It works on desktop and modern mobile browsers.

Which Mermaid diagram types are supported?

All core types: flowchart, sequenceDiagram, classDiagram, erDiagram, gantt, mindmap, pie, state, gitGraph, and more. The editor uses the latest Mermaid renderer.

Can I use diagrams I make here in my own documentation?

Absolutely. Export SVG or PNG and drop them into READMEs, Notion, Confluence, Google Docs, or any Markdown file.

How do shareable links work?

The entire diagram is encoded in the URL query parameter. Bookmark it, email it, or paste it anywhere. No server storage involved.

How is this different from mermaid.live?

This editor is lightweight, focused, and built by the Moxie Docs team. It emphasizes fast exports, clean URLs, and privacy with zero tracking on the tool itself. Great when you want something simple and embeddable in a dev workflow.

FOR TEAMS THAT DOCUMENT CODE

Tired of manually maintaining diagrams for your codebase?

Moxie Docs connects to your GitHub repositories, understands real architecture and data flows, and generates accurate, up-to-date Mermaid diagrams plus full searchable documentation. Every merge keeps docs current. Fridays surface a single reviewable Cleanup PR.

No credit card required to start. Cancel anytime.