Lottie

Easily add high-quality animation to any native app.

Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Get Started Learn more ›

Why Lottie?

Flexible After Effects features

We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll be adding new features on a regular basis.

Manipulate your animation any way you like

You can go forward, backward, and — most importantly — you can program your animation to respond to any interaction.

Small file sizes

Bundle vector animations within your app without having to worry about multiple dimensions or large file sizes. Alternatively, you can decouple animation files from your app’s code entirely by loading them from a JSON API.

Read about why we built Lottie

Get Started

Install Bodymovin

Bodymovin is a plugin for After Effects that can export animation in json data format for Lottie to use.

BodyMovin

Integrate Lottie

The same exported json data can be used on all platforms. Get the Lottie library for your native platform of choice.

Android iOS React Native

Let's work together

We want to hear from you, our community of fellow animators, designers and engineers.

lottie@airbnb.com