Mermaid is great, until you're fighting syntax errors. MermaidCreator gives you 4 ways to build the same diagram: drag nodes on a canvas, write code with live preview, describe it in a sentence and AI does the rest, or snap a photo of your whiteboard. Canvas and code stay in sync, and you always get clean, portable Mermaid to version, embed, and export (PNG, SVG, PDF). Free playground, no account needed. Built for devs, consultants, PMs, and teams who keep diagrams in git.

Hey Product Hunt! 👋 I built MermaidCreator because I kept living the same loop: sketch a diagram in some drag-and-drop tool, lose it in a proprietary format, then rebuild it in Mermaid so it could live in git next to the code, and then fight syntax errors anyway. Mermaid is the right format. The problem is that there's only ever been one way to write it: by hand. So I built four: 🎨 A visual editor — drag and connect nodes on a canvas, and it writes clean Mermaid for you ⌨️ A code editor with instant live preview, for when you'd rather type ✨ AI — generate a diagram from a sentence, restructure with a prompt, or auto-repair broken syntax 📸 Image → diagram — paste a whiteboard photo or napkin sketch, get editable Mermaid back Edit the code, the canvas follows. No lock-in, ever. It's all just Mermaid underneath, so you can version it, embed it, and export PNG/SVG/PDF. You can try everything in the playground right now, free, no account needed. Honest feedback and feature requests very welcome!