fanfa.dev

fanfa.dev

Animated and interactive Mermaid diagrams

4 followers

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!
fanfa.dev gallery image
fanfa.dev gallery image
fanfa.dev gallery image
fanfa.dev gallery image
Free Options
Launch Team
Wispr Flow: Dictation That Works Everywhere
Wispr Flow: Dictation That Works Everywhere
Stop typing. Start speaking. 4x faster.
Promoted

What do you think? …

Alexis Sgarbossa
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