This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
MermaidCreator
Design Mermaid diagrams visually, in code, or with AI.
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!
About MermaidCreator on Product Hunt
“Design Mermaid diagrams visually, in code, or with AI. ”
MermaidCreator was submitted on Product Hunt and earned 4 upvotes and 3 comments, placing #102 on the daily leaderboard. 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.
On the analytics side, MermaidCreator competes within Productivity, Developer Tools and Artificial Intelligence — topics that collectively have 1.6M followers on Product Hunt. The dashboard above tracks how MermaidCreator performed against the three products that launched closest to it on the same day.
Who hunted MermaidCreator?
MermaidCreator was hunted by Marcel Heinz. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of MermaidCreator including community comment highlights and product details, visit the product overview.
Marcel Heinz