Drop in an SVG — or any picture, traced for you right here — and watch it draw itself. Nine reveal modes, a curve for every keyframe, animated gradients. Export a Lottie, an animated SVG, a GIF or an MP4. Free, no sign-up, and your file never leaves your computer.
Lower keeps every wobble, higher gives cleaner curves and fewer points.
An SVG is a set of outlines. The tool measures every one of them and reveals it a bit at a time, which is what makes an icon look hand-drawn.
An SVG, or any picture: PNG, JPG and the rest are traced to vector in the page. Every shape becomes a layer you can rename, recolour, reorder, delay or freeze.
Draw on, draw off, yoyo, from the centre, from both ends, comet, typewriter, segments or stardust — the shape condensing out of a scatter of dots.
Keyframe any property on the timeline and give every span between two keyframes its own easing curve, custom bezier included.
Lottie for apps and websites, animated SVG for pure markup, GIF for chat and email, MP4 for social. Same animation in all four.
Not one easing for the whole animation: each span between two keyframes carries its own, including hand-drawn beziers.
Linear, radial and elliptical, with mirrored and repeated tiling, unlimited mid stops, and six looping effects that need no keyframes.
H.264 in a proper MP4 container, written in the page itself. No server, no queue, no watermark.
Even the image tracing runs in the page. Load it once and it keeps working with the network off — your artwork stays on your machine.
The practical background behind the buttons.
The whole workflow, from a flat icon to an exported animation, in about ten minutes.
stroke-dasharray, stroke-dashoffset and why the trick draws a line. With code.
Which format to hand over, and what each one costs you in size and control.
Making a Lottie file when you don't own, or don't want, Adobe software.
Yes, and there is no account, no watermark and no export limit. It is a single web page that runs on your computer, so it costs nothing to run for anyone.
No. There is no server involved in the editing: the SVG is read by your browser and stays there. You can disconnect from the internet after the page loads and everything still works.
Yes. Drop in any picture and it is traced to vector right here in the page. Pick line drawing for sketches and outline art, or solid shapes for filled logos and silhouettes; the tool guesses which one suits your picture and preselects it.
The animation works on the stroke of a shape, which is what makes the drawing effect possible. A shape that is all fill has no stroke to reveal, so it is drawn as its contour instead.
Lottie if a developer will put it in an app or a website, animated SVG if you want plain markup with no library, GIF for email and chat, MP4 for social media. There is a guide comparing all four.
MP4 needs a browser with H.264 encoding, which today means Chrome or Edge. Elsewhere the tool falls back to WebM and tells you, so you never get a file with the wrong extension.
Yes. What you make with the tool is yours — there is no licence attached to the output.
Yes, a Windows application with the same features and native save dialogs. Ask by email if you want a copy.