Animation,
in its native
language.
Lottie Studio is a small set of beautifully made tools for the people who design, optimize, and ship motion. Built around the file format the web already speaks — vectors, keyframes, kilobytes.
Vectors first
Resolution-independent assets that stay sharp from a 24px icon to a wall-sized hero.
Built for the web
Sub-50kb files that run on any modern browser. No video tag tricks.
Designed in flow
Keyboard-first tools that respect your craft. No popups, no celebration screens.
Six tools.
One studio.
A small set of focused tools you'll actually keep on the dock — not a 200-feature suite you'll abandon by Tuesday.
Preview
Upload JSON or .lottie files, scrub frames, inspect metadata, and test playback renderers.
Editor
Make quick color and layer changes in the browser, preview the result, and export clean JSON.
GIF
Render Lottie JSON into shareable GIF files with width, quality, and transparency controls.
SVG
Create embeddable SVG, HTML, and JavaScript snippets from uploaded Lottie JSON.
SVG In
Convert SVG artwork into Lottie JSON with diagnostics and a browser-side preview.
Video
Sample short videos into image-backed Lottie JSON while keeping the source local.
The editor where
motion makes sense.
No timeline tetris. No 12-step easing dialogs. Drag, scrub, and ship — the file format already does the heavy lifting.
We think of motion as the punctuation of an interface. A small flourish at the right moment changes the whole sentence. Most tools treat it like a video file. We treat it like type — a craft with rhythm, weight, and a long history of being done badly on the web.
Live samples,
running on this page.
Every block below is a real Lottie-style animation rendered at native vector. Nothing is a video, nothing is a GIF.
Make something
that moves.
The first free tools are live now: preview, edit, convert, and package Lottie assets directly in your browser.