Paste Mermaid, watch it breathe with cinematic SVG animation.fanfa turns your Mermaid diagrams into animated, interactive visuals. Paste any existing Mermaid code, no new syntax—and get smooth motion, linting built-in, and optional node ‘particles’ for engagement. Do you use Mermaid to create diagrams? You will love fanfa! Free to use; $3/mo Pro removes watermark, adds passwords, PNG/SVG/PDF exports, and embeds. Make diagrams people actually look at. Make diagrams people actually look at!
No reviews yetBe the first to leave a review for fanfa.dev
Maker
📌
Jello!
I built fanfa because I was tired of copy pasta my Mermaid code into (not so)random tools just to end up with a static, OK image that everyone ignores.
With fanfa, you paste the same Mermaid code you already write and get:
- Fluid animations that actually make your diagram feel alive
- 100% Mermaid compatibility (no new syntax to learn)
- A builtin Mermaid linter so you catch issues early
- Add you own little interactive “particles” on each node to make diagrams more engaging :poop:
fanfa is free for everyone, with an optional Pro plan at $3/month if you want some extra power:
- Remove the watermark from shared diagrams
- Password-protected diagrams for private stuff
- Nice exports to PNG / SVG / PDF
- Embeds so you can drop diagrams into any website
I hope you enjoy using fanfa as much as I enjoyed building it