35.8K ·GitHub
What is this?
Lottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.
Lottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.Is it a UI framework or just an animation renderer?It's a rendering library you drop into an app to play vector animations natively; it's not a full UI framework, just the animation engine (with a dedicated Lottie-Compose wrapper for Jetpack Compose).
It's a rendering library you drop into an app to play vector animations natively; it's not a full UI framework, just the animation engine (with a dedicated Lottie-Compose wrapper for Jetpack Compose).How do I add it to an Android project?Add the Lottie dependency to your module's build.gradle file; Gradle is the only supported build configuration.
Add the Lottie dependency to your module's build.gradle file; Gradle is the only supported build configuration.Do I need to migrate to AndroidX first?Yes, Lottie 2.8.0 and above only supports projects that have been migrated to AndroidX.
Yes, Lottie 2.8.0 and above only supports projects that have been migrated to AndroidX.Does it work with the stable Android Gradle Plugin, or do I need canary builds?For contributing to the project itself you need Android Studio Canary builds since AGP tracking follows the latest canaries, but using the library in your own app just needs standard Gradle.
For contributing to the project itself you need Android Studio Canary builds since AGP tracking follows the latest canaries, but using the library in your own app just needs standard Gradle.Who creates the animations — designers or engineers?Designers create and export the animations from After Effects themselves using Bodymovin, so engineers no longer have to hand-recreate the motion in code.
Designers create and export the animations from After Effects themselves using Bodymovin, so engineers no longer have to hand-recreate the motion in code.Which platforms does the Lottie ecosystem cover?Beyond this Android repo, Lottie has sibling implementations for iOS, Web, React Native, and Windows, all sharing the same JSON animation format.
Beyond this Android repo, Lottie has sibling implementations for iOS, Web, React Native, and Windows, all sharing the same JSON animation format.Where can I find docs and examples?Full documentation, FAQ, help, and examples are hosted at airbnb.io/lottie.
Full documentation, FAQ, help, and examples are hosted at airbnb.io/lottie.Can I use Lottie with Jetpack Compose?Yes, there's a separate Lottie-Compose artifact with its own versioning for use in Compose-based apps.
Yes, there's a separate Lottie-Compose artifact with its own versioning for use in Compose-based apps.Is the project actively maintained?The README notes it's maintained on nights and weekends by contributors and asks users to consider sponsoring to help keep improvements going.
The README notes it's maintained on nights and weekends by contributors and asks users to consider sponsoring to help keep improvements going.What are similar projects?lottie-web, lottie-react-native, MVPArms, MPAndroidChart, material-components-android, banner, QMUI_Android, mojs
lottie-web, lottie-react-native, MVPArms, MPAndroidChart, material-components-android, banner, QMUI_Android, mojsWhich topics is it in?android-application, motion-graphics, android-library, mobile-development, svg, graphics, design, mobile-app, animation, java, mobile, ui
android-application, motion-graphics, android-library, mobile-development, svg, graphics, design, mobile-app, animation, java, mobile, ui