Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/LottieFiles/awesome-lottie

A curated list of bookmarks, libraries, tools and resources related to Lottie and Bodymovin
https://github.com/LottieFiles/awesome-lottie

List: awesome-lottie

Last synced: about 1 month ago
JSON representation

A curated list of bookmarks, libraries, tools and resources related to Lottie and Bodymovin

Awesome Lists containing this project

README 

        
# 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](http://www.adobe.com/products/aftereffects.html) animations exported as JSON and renders them on mobile and web!



## Table of Contents

- [Resources](#resources)

- [Creation Tools](#Creation-Tools)

    - [Plugins](#Plugins)

    - [Apps](#Apps)

    - [Desktop Apps](#Web-Apps)

- [Libraries](#Libraries)

    - [Web](#web)

    - [Android](#Android)

    - [iOS](#iOS)

    - [Desktop](#Desktop)

    - [Multi-Platform](#Multi-platform)

- [Tools](#tools)



### Resources

* [What is Lottie]() by @lottiefiles

* [Lottie Docs](https://airbnb.io/lottie/#/) by @airbnb



### Creation Tools



#### Plugins

* [LottieFiles AE Plugin](https://lottiefiles.com/ae) for Adobe After Effects

* [Bodymovin](https://aescripts.com/bodymovin/) for Adobe After Effects



##### For Design Tools

* FramerX Lottie Package [View](https://store.framer.com/package/airbnb/lottie)

* Protopie Lottie Layer [View](https://www.protopie.io/learn/basics/)

* Lottie Support for Webflow [View](https://university.webflow.com/courses/after-effects-lottie)

* LottieFiles Figma Plugin [View](https://www.figma.com/community/plugin/809860933081065308/LottieFiles)



#### Apps

* Keyshape for Mac [View](https://www.keyshapeapp.com/)

* [Animator](https://www.haikuforteams.com/animator/) by @haikuforteams



## Libraries

#### Web

* Lottie for Web: [Official](https://github.com/airbnb/lottie-web)

* Lottie for Web by [LottieFiles](https://github.com/LottieFiles/lottie-player)

* Lottie for React by [LottieFiles](https://github.com/LottieFiles/lottie-react)

* Lottie for React by [Gamote](https://github.com/gamote/lottie-react)

* Lottie for Svelte by [LottieFiles](https://github.com/LottieFiles/svelte-lottie-player)

* Lottie for VueJS by [chenqingspring](https://github.com/chenqingspring/vue-lottie)

* Lottie for Angular by [chenqingspring](https://github.com/chenqingspring/ng-lottie)



#### Android



* Lottie for Android: [Official](https://github.com/airbnb/lottie-android)

* Lottie for React Native [Official](https://github.com/airbnb/lottie-react-native)

* [Xamarin bindings](https://github.com/martijn00/LottieXamarin)

* [NativeScript bindings](https://github.com/bradmartin/nativescript-lottie)

* [Appcelerator Titanium bindings](https://github.com/m1ga/ti.animation)

* Fluttie - Lottie for Flutter [View](https://github.com/simolus3/fluttie)



#### iOS

* Lottie for iOS [Official](https://github.com/airbnb/lottie-ios)

* Lottie for React Native [Official](https://github.com/airbnb/lottie-react-native)



#### Desktop

* Lottie for Windows [View](https://github.com/windows-toolkit/Lottie-Windows)

* Lottie for UWP by [azchohfi](https://github.com/azchohfi/LottieUWP)



#### Multi-Platform

* rLottie by @Samsung [View](https://github.com/Samsung/rlottie)

* QT [View](https://www.qt.io/blog/2019/03/08/announcing-qtlottie)

* Skottie - Lottie Animation Player [View](https://skia.org/user/modules/skottie)



## Tools

* Lottie Interactivity Library - [View](https://lottiefiles.com/interactivity)

* Lottie JSON Editor - [View](https://lottiefiles.com/tools/json-editor)

* Lottie Web Editor - Editor Lottie Animations online [View](http://lottiefiles.com/editor)

* Sketch2AE - A Sketch plugin to export sketch file to Adobe After Effect [Read](https://github.com/bigxixi/Sketch2AE)

* puppeteer-lottie - Renders Lottie animations via Puppeteer to image, GIF, or MP4 [View](https://github.com/transitive-bullshit/puppeteer-lottie)

* lottie-colorify - Change lottie colors from code [View](https://github.com/xxmuaddib/lottie-colorify)

* lottie-interactive - Custom web element to add interactivity to your Lottie Animations [View](https://github.com/samuelOsborne/Lottie-interactive)

* lottie-toggles  - Utility library to easily use the various switch and toggle animations[View](https://github.com/CoderVishalSehgal/lottie-toggles)