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
• Creation Tools
  • Plugins
  • Apps
  • Desktop Apps
• Libraries
  • Web
  • Android
  • iOS
  • Desktop
  • Multi-Platform
• Tools

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

Apps

• Keyshape for Mac View
• Animator by @haikuforteams

Libraries

Web

• Lottie for Web: Official
• Lottie for VueJS by chenqingspring
• Lottie for Angular by chenqingspring
• Lottie for React by Gamote

Android

• Lottie for Android: Official
• Lottie for React Native Official
• Xamarin bindings
• NativeScript bindings
• Appcelerator Titanium bindings
• Fluttie - Lottie for Flutter View

iOS

• Lottie for iOS Official
• Lottie for React Native Official

Desktop

• Lottie for Windows View
• Lottie for UWP by azchohfi

Multi-Platform

• rLottie by @Samsung View
• QT View
• Skottie - Lottie Animation Player View

Tools

• 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