Flowcharts, sequence diagrams, mind maps, charts and architecture diagrams that lay themselves out, route their own arrows, and animate step by step. Build the picture, pick an animation, export the GIF.
No account. No install. Nothing leaves your browser — on-demand live editing
Open the studio and every keystroke re-compiles and re-renders instantly — the YAML on the left, the living diagram on the right. Or skip the code entirely and drag, drop, resize and rewire on the canvas like draw.io.
# this is the whole animation title: How It Works animation: pop components: flow: items: user: { icon: user, show: 0 } brain: { text: The Brain, show: 1 } out: { text: Result ✨, show: 2 } arrows: - { from: user, to: brain, say: asks } - { from: brain, to: out }
Auto layout, obstacle-avoiding smart arrows, tinted zones, 33 built-in icons plus your own images.
Actors, lifelines and messages from one-liners like user → api: login — animated in order.
Radial mind maps that bloom outward, user journeys with mood scoring, class diagrams and venns.
Pie, bar and line charts with axes, legends and value labels — slices sweep, bars rise, lines draw.
Entrances, exits, typewriter text, and looping motions — spin, pulse, jello, shake — with loop, ping-pong or play-once behavior.
Light, dark, midnight and cream themes; export supersampled GIFs or crisp 3× PNG / JPEG stills.