https://fanfa.dev/

fanfa Visual Brain

Live Mermaid render with cinematic flow

Export
Aurora
Arrows
---Solid
PausePause animationsPresentPresent mode
Drag to pan * Space + drag * Scroll to zoom * Double-click to reset
Help & Tips
100%
Drag to resize
Double-tap to reset

fanfa.dev

Mermaid to Motion

Paste Mermaid, watch it breathe with cinematic SVG animation.

StretchShareShare chartAboutAboutSaveSave diagram
Live Mermaid fidelity
SVG-level animations
1
Loading editor...
Build diagrams, share links, iterate fast.

fanfa.dev

Mermaid to Motion

Paste Mermaid, watch it breathe with cinematic SVG animation.

StretchShareShare chartAboutAboutSaveSave diagram
Live Mermaid fidelity
SVG-level animations
1
Loading editor...
Build diagrams, share links, iterate fast.
Drag to expand

fanfa Visual Brain

Live Mermaid render with cinematic flow

Export
Aurora
Arrows
---Solid
PausePause animationsPresentPresent mode
Drag to pan * Space + drag * Scroll to zoom * Double-click to reset
Help & Tips
100%