Awesome Lottie
A curated list of awesome things related to Lottie
A Lottie is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation.
Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON and renders them on mobile and web!
Table of Contents
Resources
- What is Lottie by @lottiefiles
- Lottie Docs by @airbnb
Creation Tools
Plugins
- LottieFiles AE Plugin for Adobe After Effects
- Bodymovin for Adobe After Effects
For Design Tools
- FramerX Lottie Package View
- Protopie Lottie Layer View
- Lottie Support for Webflow View
- LottieFiles Figma Plugin View
Apps
Libraries
Web
- Lottie for Web: Official
- Lottie for Web by LottieFiles
- Lottie for React by LottieFiles
- Lottie for React by Gamote
- Lottie for Svelte by LottieFiles
- Lottie for VueJS by chenqingspring
- Lottie for Angular by chenqingspring
Android
- Lottie for Android: Official
- Lottie for React Native Official
- Xamarin bindings
- NativeScript bindings
- Appcelerator Titanium bindings
- Fluttie - Lottie for Flutter View
iOS
Desktop
Multi-Platform
Tools
- Lottie Interactivity Library - View
- Lottie JSON Editor - View
- Lottie Web Editor - Editor Lottie Animations online View
- Sketch2AE - A Sketch plugin to export sketch file to Adobe After Effect Read
- puppeteer-lottie - Renders Lottie animations via Puppeteer to image, GIF, or MP4 View
- lottie-colorify - Change lottie colors from code View
- lottie-interactive - Custom web element to add interactivity to your Lottie Animations View
- lottie-toggles - Utility library to easily use the various switch and toggle animationsView