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 }
Open slicerflow.live. The toolbar matches what you see below: super-tabs on the first row, workspace sub-tabs on the second when you’re in Animate or Video. Everything runs on your device.
Prototyping lives at slicerflow.live/prototype — wireframe screens and export click-through GIF walkthroughs.
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.
Describe a diagram in plain words and a small language model writes it — then keep refining it by chat. Runs privately on your own computer (WebGPU); the model downloads once, is cached in your browser, and is viewable in ⚙ settings. Nothing is uploaded.
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.
Merge, split, rotate, watermark, annotate and extract from PDFs — free, with nothing uploaded. Every file stays on your device.
Merge, split, rotate, watermark & annotate — the full toolkit.
Combine several PDFs and reorder the pages.
Extract a page range into a new file.
Stamp text across the pages — opacity, angle, tiling.
Notes, highlights, shapes and arrows.
Copy a page or download .txt / .md.
Save embedded pictures or pages as PNG.
Compress, convert, trim & resize video, extract and clean up audio, make GIFs — plus AI that runs on your own device: remove image backgrounds, upscale, generate subtitles and depth maps. Free, and nothing is uploaded.
Every video, audio, image & GIF tool in one hub.
AI cut-out to a transparent PNG — on-device.
Enlarge and sharpen 2×/4× with on-device AI.
Shrink MP4/MOV/WebM with a quality control.
Record your screen or webcam straight to WebM.
Record microphone audio, then trim & normalize it.
Transcribe speech with Whisper → SRT / VTT.
The Diagram → Video tool (a sub-tab on the Video tab) 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.
Yes. Every tool — diagrams, video, audio, image AI, PDF and prototyping — runs entirely in your browser. Nothing you create or import is uploaded; there's no account and no watermark.
No. AI models run on your device with WebGPU (falling back to WebAssembly). Only the public model weights are downloaded once from a CDN and cached in your browser — your files never leave it. The ⚙ settings button shows what's downloaded and lets you delete it.
Yes. The Animate tab → Build has an on-device AI generator (Beta): describe a diagram in plain words and a small language model writes it as an animated slicerflow diagram, then keeps refining it by chat. It runs privately on your own computer with WebGPU (falling back to WebAssembly) — your prompt and diagram are never uploaded. The language model downloads once, is cached in your browser, and can be viewed or removed from the ⚙ settings.
Mostly — once a page and its AI models are loaded, diagram editing, exporting, and already-downloaded AI tools keep working without a network connection. The very first load, and downloading a new model, need one.
Animated GIF, PNG and JPEG stills for diagrams; MP4 (H.264) and WebM (VP9) for video and diagram narration; SRT/VTT/text for subtitles; and PNG for AI image results.
No. Open slicerflow.live and start — no sign-up, no install.
Yes — the diagram engine is MIT-licensed and published as slicerflow on npm, with the source on GitHub.