component for React Native (iOS and Android)

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with bodymovin and renders them natively on mobile!

For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. They say a picture is worth 1,000 words so here are 13,000:






All of these animations were created in After Effects, exported with bodymovin, and rendered natively with no additional engineering effort.

Related Projects

This project is only the code to wrap and expose Lottie to React Native. The parsing/rendering code can be found in their respective libraries:

Lottie for iOS

Lottie for Android

Why is it called Lottie?

Lottie is named after a German film director and the foremost pioneer of silhouette animation. Her best known films are The Adventures of Prince Achmed (1926) – the oldest surviving feature-length animated film, preceding Walt Disney’s feature-length Snow White and the Seven Dwarfs (1937) by over ten years The art of Lotte Reineger


See the Contributors Guide



Check it out >>> Lottie React Native @ Github