• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Lottie for Android, [iOS](https://github.com/airbnb/lottie-ios), [React Native](https://github.com/airbnb/lottie-react-native), [Web](https://github.com/airbnb/lottie-web), and [Windows](https://aka.ms/lottie)
2![Build Status](https://github.com/airbnb/lottie-android/workflows/Verify/badge.svg)
3
4
5<a href='https://play.google.com/store/apps/details?id=com.airbnb.lottie'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' height="50px"/></a>
6
7Lottie is a mobile library for Android and iOS that parses [Adobe After Effects](http://www.adobe.com/products/aftereffects.html) animations exported as json with [Bodymovin](https://github.com/airbnb/lottie-web) and renders them natively on mobile!
8
9For 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:
10
11# Sponsors
12Lottie is maintained and improved on nights and weekends. If you use Lottie in your app, please consider sponsoring it to help ensure that we can continue to improve the project we love.
13Click the sponsor button above to learn more
14
15<img src="gifs/Sponsor.png" alt="Sponsor Button" width="100"/>
16
17## Lead Sponsors
18<a href="https://www.lottiefiles.com/"><img src="images/lottiefiles.svg" alt="Lottiefiles" width="300" /></a>
19
20<a href="https://lottielab.io/"><img src="images/lottielab.png" alt="Lottie Lab" width="300" /></a>
21
22<a href="https://www.airbnb.com/"><img src="images/airbnb.svg" alt="Airbnb" width="300" /></a>
23
24<a href="https://www.tonal.com/"><img src="images/tonal.svg" alt="Tonal" width="300" /></a>
25
26<a href="https://getstream.io/chat/sdk/android/?utm_source=OpenCollective&utm_medium=Github_Repo_Content_Ad&utm_content=Developer&utm_campaign=OpenCollective_Jan2022_AndroidChatSDK"><img src="images/stream.png" alt="Stream" width="300" /></a>
27
28<a href="https://www.coinbase.com/"><img src="images/coinbase.svg" alt="Coinbase" width="300" /></a>
29
30## View documentation, FAQ, help, examples, and more at [airbnb.io/lottie](http://airbnb.io/lottie/)
31
32
33
34![Example1](gifs/Example1.gif)
35
36
37![Example2](gifs/Example2.gif)
38
39
40![Example3](gifs/Example3.gif)
41
42
43![Community](gifs/Community%202_3.gif)
44
45
46![Example4](gifs/Example4.gif)
47
48
49## Download
50
51Gradle is the only supported build configuration, so just add the dependency to your project `build.gradle` file:
52
53```groovy
54dependencies {
55  implementation 'com.airbnb.android:lottie:$lottieVersion'
56}
57```
58The latest Lottie version is:
59![lottieVersion](https://maven-badges.herokuapp.com/maven-central/com.airbnb.android/lottie/badge.svg)
60
61The latest stable [Lottie-Compose](http://airbnb.io/lottie/#/android-compose) version is:
62![lottieVersion](https://maven-badges.herokuapp.com/maven-central/com.airbnb.android/lottie-compose/badge.svg)
63Click [here](http://airbnb.io/lottie/#/android-compose) for more information on Lottie-Compose.
64
65Lottie 2.8.0 and above only supports projects that have been migrated to [androidx](https://developer.android.com/jetpack/androidx/). For more information, read Google's [migration guide](https://developer.android.com/jetpack/androidx/migrate).
66
67# Contributing
68
69Because development has started for Lottie Compose, Gradle, and the Android Gradle Plugin will be kept up to date with the latest canaries. This also requires  you to use Android Studio Canary builds. [Preview builds](https://developer.android.com/studio/preview) can be installed side by side with stable versions.
70