DEV Community

Cover image for I built a cleaner, faster Mermaid editor (with SVG/PNG/PDF export)

I built a cleaner, faster Mermaid editor (with SVG/PNG/PDF export)

I’ve been using Mermaid for diagrams — flowcharts, sequence diagrams, and system design.

But most editors I tried had a few problems:

cluttered UI
slow live preview
or requiring login for basic usage

So I decided to build a small tool for myself — something simple and fast.

🚀 What I built

It’s called Marmady — a minimal Mermaid live editor focused on speed and usability.

👉 https://marmady.vercel.app

✨ Features
⚡ Live preview while typing
📤 Export as SVG / PNG / PDF
🎨 Clean, distraction-free UI
🔓 No login required

The idea was to remove friction and make diagramming feel instant.

🧠 What I focused on

Instead of adding more features, I focused on:

performance
simplicity
clean design

I wanted it to open fast and just work.

🛠️ Challenges

A few things were tricky while building:

keeping live preview fast
handling export formats properly
maintaining UI simplicity without limiting usability
📈 What’s next

I’m still improving it and adding features based on feedback.

Some ideas:

more themes
better diagram templates
keyboard shortcuts
🙌 Feedback welcome

If you use Mermaid or create diagrams often, I’d love to hear your thoughts.

What’s the most annoying part of your current workflow?

👉 https://marmady.vercel.app

Top comments (0)