Lottie Animation for Android, iOS, React Native & Web

Lottie is an Android, iOS, React Native & Web library that renders SVG animation exported from After Effects in real time on mobile and on the web, allowing native apps to use microinteraction animations in javascript as easily as they use static images.

Your Lottie Animation,
the way you want it.

Customizable and fast loading - perfectly flexible in usage.

Small Microinteractions,
Huge UI / UX Benefits

Responsive and fast loading time

Creating your desired microinteractions in Javascript comes highly recommended.

Lottie JSON files are SVG animations created from After Effects using the Bodymovin plugin. SVG Files load fast as they are small in size. Also perfectly scalable - giving you multiple dimensions and sizes.

Cross platform

Lottie is a JavaScript library that works on Android, iOS, React Native & Web, enabling your websites and apps to use our Lottie animations in javascript as easily as images.

Create Emotional Impact

With Lottie’s javascript coding, you can manipulate these SVG animations any way you like. You can easily add microinteractions to your user interface to engage your users with these high quality UI animations. Loop them, speed them up, slow them down, reverse them, or even interactively scrub them.

Getting Started

Step 1

Download the JSON file you want

Step 2

Install Lottie JavaScript library

Integrate Lottie library for your native platform of choice.

AndroidiOSReact NativeWeb