Open Source · Free Forever

Diagrams as Code.

Write Mermaid syntax, see your diagram live. Version-control your diagrams like the rest of your code.

Try it live

Edit the code on the left — the diagram updates instantly.

Code

Preview

A focused tool that does one thing well.

Diagram renders as you type with a 300ms debounce.

CodeMirror v6 with full Mermaid language support.

System-aware theme that follows your OS preference.

Pinch, scroll, or use controls to navigate large diagrams.

Responsive layout that stacks vertically on small screens.

MIT licensed. Self-host, fork, contribute freely.

Coming Soon

Describe what you want to visualize. Let AI generate the Mermaid syntax for you.