Fanfa: Interactive and animated Mermaid diagram editor and viewer.

What it does

Fanfa is a Mermaid diagram editor that adds animation and interactivity to static flowcharts, sequence diagrams, and system architecture drawings. Users write or paste standard Mermaid syntax into the editor, then apply themes, animation speeds, and visual effects. The tool exports diagrams as shareable links or as video files in MP4 or WebM format. It includes AI-assisted design features to generate Mermaid syntax from natural language descriptions.

Who it is for

The product targets developers and architects who create technical documentation, presentations, and onboarding materials. Use cases include visualizing microservices architectures, explaining user workflows, and embedding diagrams in pull requests, wikis, or slide decks. Teams appear to be the intended audience, given the mention of sharing and collaboration features.

Pricing

The site does not show prices.

How it stands out

Fanfa differentiates by focusing on animation and cinematic rendering rather than static diagram creation. Its proprietary Motion Engine applies physics-based animations to show data flow and system interactions. The product includes hand-crafted themes (Aurora, Cyberpunk, and others), adjustable animation speeds, and video export—features absent from the core Mermaid.js library. The AI-assisted syntax generation aims to reduce friction for users unfamiliar with Mermaid's text-based grammar. The ability to generate shareable links and present diagrams in real time also sets it apart from exporting static images.

What a founder should check

A rival builder should verify the following:

Incumbent tooling: How many users already create animated diagrams using slide software, video editors, or general visualization platforms? Mermaid itself remains free and widely integrated into documentation sites. Competing tools like Lucidchart, Draw.io, and Figma support animation or video export. Understanding switching costs from these alternatives is critical.

AI feature durability: The AI-assisted syntax generation is mentioned as a key capability. A founder should test whether this feature materially reduces time-to-value compared to learning Mermaid syntax directly, and whether improvements in general LLMs make this differentiation commoditized quickly.

Video export moat: Video rendering and hosting introduce infrastructure costs. Verify whether the quality, speed, and reliability of Fanfa's export justify the cost of hosting and delivery compared to free alternatives or embedded animation in documents.

Thinking of building something like this?

Every launch here is a competitor to somebody's idea. If yours is close, check it against the market before you build: the Full Check names the rivals, the prices and the gaps.