Fanfa – Interactive and animated Mermaid diagrams
Create cinematic, animated Mermaid diagrams with our powerful Motion Engine. Export to video, share with your team, and bring your flows to life.
Fanfa – Interactive and animated Mermaid diagrams launched on December 4, 2025 with 154 votes, #181 of 11,628 launches that month and more than 95% of that year's launches.
In plain words
Fanfa is a tool for creating interactive and animated Mermaid diagrams. It allows users to build flowcharts, sequence diagrams, and other visual representations with motion and interactivity built in. The tool is designed for anyone needing to create dynamic diagrams for documentation, presentations, or planning purposes. Fanfa transforms static Mermaid syntax into living, animated visuals that respond to user interaction.
written from the facts on this page · September 2026
From the sources
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 is the premier open-source tool designed to transform static Mermaid.js diagrams into animated, cinematic visualizations. Unlike traditional diagram tools that produce static images, Fanfa's proprietary Motion Engine breathes life into your flowcharts, sequence diagrams, and detailed system architectures. Developers and architects rely on Fanfa to create compelling visual narratives for technical documentation, presentations, and team onboarding. Key capabilities include: Whether you are documenting a microservices architecture or explaining a complex user flow, Fanfa.dev provides the visual fidelity needed to communicate technical conceptsfrom fanfa.dev
Does a similar job
all alternatives →- MAMermaid ASCII Diagrams2024 · mermaid-ascii.art · ▲234
GUI for editing Mermaid class diagrams2025 · docs.mermaidchart.com · ▲230
Line9 – A Mermaid rendering engine with its own layoutAug 2026 · line9.ai · ▲87Line9 is a new rendering engine for Mermaid flowchart diagrams that aims to remove the need for manual adjustment of layout. Mermaid is a popular text-based language for describing multiple types of diagrams. Several Mermaid rendering engines already exist. Most, like the original mermaid.js, use Dagre or ELK graph drawing libraries to automatically lay out their diagrams. I’ve used Mermaid for the past four years but often recreated my flowcharts in a diagram editor so that I could modify the layout to something that better suited my needs. Use Line9 when you want an automatic flowchart…
I built an app to generate story relationships using Mermaidjs2025 · github.com · ▲144📚 Literary relationship maps. Contribute to herol3oy/austen development by creating an account on GitHub.
More dev tools this month
the category →
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 20h ago · github.com
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 22d ago · talanoa.email
Source: Show HN post ↗
Launched alongside, December 2025
the whole month →- GP
Life & fun · Dec 2025 · dosaygo-studio.github.io
Hi everyone! My name's Luke and I made the original Jmail here alongside Riley Walz. We had a ton of friends collaborate on building out more of the app suite last night in lieue of DOJ's "Epstein files" release. Please AMA!
Life & fun · Dec 2025 · jmail.world
PlanEat AI▲733AI turns your health goals into a 7-day menu & grocery list
AI · Dec 2025 · planeatai.com
Community, All the HN belong to you. This is an archive of hacker news that fits in your browser. When I made HN Made of Primes I realized I could probably do this offline sqlite/wasm thing with the whole GBs of archive. The whole dataset. So I tried it, and this is it. Have Hacker News on your device. Go to this repo (https://github.com/DOSAYGO-STUDIO/HackerBook): you can download it. Big Query -> ETL -> npx serve docs - that's it. 20 years of HN arguments and beauty, can be yours forever. So they'll never die. Ever. It's the unkillable static archive of HN and it's…
Dev tools · Dec 2025 · hackerbook.dosaygo.com
