What is Lottie?
Lottie is a JSON-based format for vector animation — small, scalable, and rendered natively on web and mobile. Exported from design tools, a Lottie plays crisp motion (an animated logo, icon, or loader) at any size without the file weight of a video.
Understanding lottie
A Lottie file describes an animation as vector data — shapes, keyframes, transforms — rather than a grid of pixels per frame. A tiny player draws it live, so it stays sharp at any resolution and weighs a fraction of an equivalent GIF or MP4.
That makes it ideal for interface motion and brand loops: animated logos, icon transitions, loading states, and stickers that look perfect on any screen.
It pairs with editable vectors — the same resolution-independent, own-the-source philosophy, extended into motion.
Why vector wins
Resolution-independent assets — now including motion.
Keep exploring
Editable SVG
An editable SVG is vector artwork stored as real, structured path code — shapes, groups, gradients — that can be re-colored, re-shaped, and scaled to any size with no quality loss. It contrasts with a flattened or rasterized export, which is just pixels of a picture and can’t be meaningfully edited.
Vector vs raster
Vector graphics describe an image as math (paths, curves, fills) so they scale infinitely with no pixelation; raster graphics store a fixed grid of pixels that blurs when enlarged. Vectors suit logos, icons, and anything printed at multiple sizes; raster suits photographs.
The design workspace where these ideas are real
Agents that generate, a canvas they can see and drive, and a brain that keeps every asset on-brand. Free to start.