Fanfa
Interactive and animated Mermaid diagrams
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
HN · launched Dec 4, 2025 · 154 upvotes (top 7%) · 1 view
Niche: diagramming and flowchart tools · 116 launches, 6 in the last 7 days ▼ -50% · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
Visit website ↗ Source listing ↗
More like this: all 116 launches in diagramming and flowchart tools →
Could you build this?
Yes Fanfa is a web UI wrapper around Mermaid.js with CSS/SVG animations, canvas/MediaRecorder video export, and simple LLM prompts for diagram generation.
Discussion
20 comments analyzed.
Competitors mentioned: Go's built-in source parsing package, Claude for diagram animation, Mermaid plain rendering
Concerns raised: Animation colors don't persist across nodes, making data flow unclear, Animations create noise rather than convey useful information, Performance sluggish on Firefox/Linux with 1+ sec delays, CSS fails to load on older Chrome versions, Interface not centered/zoomed by default
Feature requests: Track data flow with consistent colors across all nodes to destination, Export animations as GIF, MP4, or video formats for slides, Stepwise reveal of subgraphs with keypress to advance, React components to embed diagrams in webpages and documentation, Customizable animation shapes, text cards, and moving part labels
Competitors
Other products that read as similar to this one : 1825 launches clear the similarity bar, closest 8 shown.
Attention rank: #154 of 1826 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 36 days after the earliest competitor.
- pele · github · 2026-10-05 · 25 upvotes · similarity 0.82
- mermaid-element · github · 2026-09-10 · 8 upvotes · similarity 0.78
- nice-mermaid.nvim · github · 2026-09-20 · 34 upvotes · similarity 0.75
- florilegium · github · 2026-10-30 · 1399 upvotes · similarity 0.58
- line-art-animation · github · 2026-11-10 · 739 upvotes · similarity 0.58
- Rindraw · hn · 2026-11-06 · 5 upvotes · similarity 0.58
- merman · github · 2026-10-28 · 44 upvotes · similarity 0.56
- HairDeck · github · 2026-10-29 · 730 upvotes · similarity 0.56
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.