A human's guide to the Lottie format

Lottie is a vector animation format, using JSON to represent its data.

This guide aims to provide a human-readable description of the format and how everything works within it.

Lottie Format

This page describes values and other objects used throughout the Lottie format.

Lottie from Scratch

In this example, we'll build a simple lottie animation from scratch.

Lottie Playground


Easily embed and play Lottie animations in websites.


Easily add Lottie animations to your React projects.


Svelte provides a Lottie player using the lottie-web library.


Vue component for the Lottie Web Player.