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

Lottie-Player

Easily embed and play Lottie animations in websites.

Lottie-React

Easily add Lottie animations to your React projects.

Lottie-Svelte

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

Lottie-Vue

Vue component for the Lottie Web Player.