MermaidCreator is a visual + code + AI editor for Mermaid.js diagrams. Sketch a flowchart by dragging nodes on a canvas, write Mermaid by hand with a live preview, or just describe what you want and let AI draw the first draft. Whatever you pick, you get clean, portable Mermaid you can version, embed, and export anywhere.
What you can do
🎨 Visual editor: Drag, drop, and connect nodes on an infinite canvas. Every change writes clean Mermaid for you.
⌨️ Code + live preview: Prefer to type? Write Mermaid in a focused editor and watch it render instantly, side by side.
✨ AI diagramming: Generate a diagram from a sentence, restructure it with a prompt, or auto-repair broken syntax.
📤 Share + export anywhere: Publish a live share link, embed diagrams in docs and READMEs, or download crisp PNG, SVG, and PDF.
Why it's different
Built on Mermaid.js, so your diagrams stay text-first, version-able, and portable without lock-in. Switch between the visual canvas and code at any time; they always stay in sync.
Get started free
No account needed to start in the playground. Sign up free for 5 AI generations and cloud saves, or go Pro for unlimited diagrams and AI.
