Turn flowcharts, architecture diagrams, sequence diagrams, mind maps and charts — written as simple YAML or drawn on the canvas — into animated GIFs. They lay themselves out, route their own arrows, and animate step by step. Export an animated GIF, PNG or JPEG.
No account. No install. Your diagrams never leave 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 }
A flowchart & architecture GIF generator: auto layout, obstacle-avoiding smart arrows, tinted zones, 33 built-in icons plus your own images — animated and exported as a GIF, PNG or JPEG.
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.
Jump straight to the right tool — each one turns your diagram, or a local video, into an animated GIF (also PNG, JPEG, MP4 or WebM), free and in your browser.
Turn a local video into a GIF — trim, speed, and text overlays.
Decisions, branches and smart arrows, animated step by step.
Cloud & system diagrams with 33 built-in icons.
Actors, lifelines and messages, played back in order.
Paste mermaid code and export an animated GIF.
Convert a draw.io export into an animated GIF.
The Video studio sequences your animation pages into one shareable video — record a voiceover and webcam bubble Loom-style, drop in background music, add animated text overlays, and export MP4 or WebM. All in the browser.
Line up several diagram or image pages, set each page's duration and playback speed, and pick 16:9, 9:16 or 1:1.
Record narration and an optional camera bubble with a 3-2-1 countdown — page-by-page or all at once, then merge.
Layer background music from the library or your own files, and add animated, auto-wrapping text overlays.
Frame-accurate export via WebCodecs, with a MediaRecorder fallback — no watermark, no account.
The 3D builder brings the same write YAML → watch it animate idea into WebGL. Compose scenes from primitives and a parametric library, animate them on a timeline, and orbit, explode or fly the camera through — generic enough for anatomy, machines, architecture and software.
Human body & organs, machine internals, house architecture, software architecture and 3D flow diagrams — built from box, sphere, gear, pipe, room, organ, rack, node and more.
Objects reveal step by step and enter with pop, drop, scale or fly; add looping spin / pulse / bob and connectors with tokens that flow along the path.
Fly-to keyframes, turntable orbit, and explode-view actions that blow an assembly apart to show what's inside.
Export a crisp still or an MP4 / WebM video of the scene — the same export pipeline as the rest of the studio.