Skip to content

Commit

Permalink
Update/Cleanup of Implementations page
Browse files Browse the repository at this point in the history
- Some reorganisation
- Unified punctuation and credits
- Added some missing plugins/apps/libraries
- Fixed some dead/changed links
- Added Viewers category 
- etc.

Overall tried to make it easier to find the relevant tool, etc. Still more can be done!
  • Loading branch information
nclm authored Jan 5, 2025
1 parent 513ad0a commit f019792
Showing 1 changed file with 71 additions and 63 deletions.
134 changes: 71 additions & 63 deletions content/templates/implementations.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,102 +5,110 @@ description: "A curated list of awesome things related to Lottie"
image: null
---

## Resources

- <a href="https://lottiefiles.com/what-is-lottie" target="_blank">What is Lottie</a> by LottieFiles
- <a href="https://lottiefiles.github.io/lottie-docs/" target="_blank">Lottie Docs</a> by LottieFiles
- <a href="https://airbnb.io/lottie/#/" target="_blank">Lottie Docs</a> by Airbnb

<br/>

## Creation Tools

<br/>

##### Plugins
##### Plugins for After Effects
- <a href="https://aescripts.com/bodymovin/" target="_blank">Bodymovin</a> by Hernan Torrisi
- <a href="https://lottiefiles.com/plugins/after-effects" target="_blank">LottieFiles</a>

- <a href="https://lottiefiles.com/ae" target="_blank">LottieFiles AE Plugin</a> for Adobe After Effects
- <a href="https://aescripts.com/bodymovin/" target="_blank">Bodymovin</a> for Adobe After Effects
- <a href="https://www.figma.com/community/plugin/809860933081065308" target="_blank">Figma to Lottie</a> by LottieFiles
- <a href="https://www.figma.com/community/plugin/988173868842375596" target="_blank">Aninix</a> - Figma Plugin
- <a href="https://www.figma.com/community/plugin/1307008445393559148" target="_blank">Figma to Lottie</a> - by LottieLab
- <a href="https://www.figma.com/community/plugin/905358215497822854" target="_blank">Flow Exporterx</a> - Figma Plugin
- <a href="https://www.figma.com/community/plugin/1093136289410156578" target="_blank">Fable</a> - Figma Plugin
##### Plugins for Figma
- <a href="https://www.figma.com/community/plugin/809860933081065308" target="_blank">LottieFiles</a>
- <a href="https://www.figma.com/community/plugin/1307008445393559148" target="_blank">Lottielab</a>
- <a href="https://www.figma.com/community/plugin/988173868842375596" target="_blank">Aninix</a>
- <a href="https://www.figma.com/community/plugin/905358215497822854" target="_blank">Flow Exporterx</a>
- <a href="https://www.figma.com/community/plugin/1093136289410156578" target="_blank">Fable</a>

##### For Design Tools
##### Plugins for Framer
- <a href="https://www.framer.com/marketplace/plugins/lottiefiles/" target="_blank">LottieFiles</a>
- <a href="https://www.framer.com/marketplace/plugins/lottielab/" target="_blank">Lottielab</a>

- <a href="https://www.framer.com/plugins/lottie" target="_blank">Lottie - Framer Plugin</a>
- <a href="https://www.protopie.io/learn/basics/" target="_blank">Protopie Lottie Layer</a>
- <a href="https://university.webflow.com/courses/after-effects-lottie" target="_blank">Lottie Support for Webflow </a>
##### For other design tools
- <a href="https://www.protopie.io/learn/docs/basic-features/layers#lottie-layer" target="_blank">Protopie Lottie Layer</a>
- <a href="https://university.webflow.com/courses/after-effects-lottie-in-webflow" target="_blank">Webflow Lottie Support</a>
- <a href="https://github.com/buba447/Lottie-Sketch-Export" target="_blank">Sketch Lottie Export</a>

##### Apps

- <a href="https://www.keyshapeapp.com/" target="_blank">Keyshape for Mac</a>
- <a href="https://www.haikuforteams.com/animator/" target="_blank">Animator</a>
- <a href="https://www.haikuanimator.com/" target="_blank">Haiku Animator</a>
- <a href="https://glaxnimate.mattbas.org/" target="_blank">Glaxnimate</a>
- <a href="https://lottiefiles.com/lottie-creator" target="_blank">Lottie Creator</a> by LottieFiles
- <a href="https://lottiefiles.com/lottie-creator" target="_blank">LottieFiles Lottie Creator</a>
- <a href="https://www.lottielab.com/" target="_blank">LottieLab</a>
- <a href="https://jitter.video/" target="_blank">Jitter</a>
- <a href="https://phase.com/" target="_blank">Phase</a>
- <a href="https://synfig.org/" target="_blank">Synfig</a>

<br/>

## Libraries
## Player Libraries

<br/>

##### Web

- <a href="https://github.com/airbnb/lottie-web" target="_blank">lottie-web</a>
- <a href="https://github.com/LottieFiles/lottie-player" target="_blank">lottie-player</a> - by LottieFiles
- <a href="https://github.com/LottieFiles/lottie-react" target="_blank">react-lottie-player</a> - by LottieFiles
- <a href="https://github.com/gamote/lottie-react" target="_blank">lottie-react</a>
- <a href="https://github.com/LottieFiles/svelte-lottie-player" target="_blank">svelte-lottie-player</a> - by LottieFiles
- <a href="https://github.com/chenqingspring/vue-lottie" target="_blank">vue-lottie</a>
- <a href="https://github.com/chenqingspring/ng-lottie" target="_blank">ng-lottie</a> - Lottie for Angular
- <a href="https://github.com/LottieFiles/dotlottie-web" target="_blank">dotlottie-web</a>
- <a href="https://github.com/chenqingspring/react-lottie" target="_blank">react-lottie</a>
- <a href="https://github.com/airbnb/lottie-web" target="_blank">lottie-web</a> by Airbnb
- <a href="https://github.com/LottieFiles/lottie-player" target="_blank">lottie-player</a> by LottieFiles
- <a href="https://github.com/LottieFiles/dotlottie-web" target="_blank">dotlottie-web</a> by LottieFiles
- <a href="https://github.com/LottieFiles/svelte-lottie-player" target="_blank">svelte-lottie-player</a> (Svelte) by LottieFiles
- <a href="https://github.com/LottieFiles/lottie-vue" target="_blank">lottie-vue</a> (Vue) by LottieFiles
- <a href="https://github.com/LottieFiles/lottie-react" target="_blank">lottie-react</a> (React) by LottieFiles
- <a href="https://github.com/gamote/lottie-react" target="_blank">lottie-react</a> (React) by Gamote
- <a href="https://github.com/chenqingspring/react-lottie" target="_blank">react-lottie</a> (React) by Chen Qing
- <a href="https://github.com/chenqingspring/vue-lottie" target="_blank">vue-lottie</a> (Vue) by Chen Qing
- <a href="https://github.com/chenqingspring/ng-lottie" target="_blank">ng-lottie</a> (Angular) by Chen Qing

##### Android

- <a href="https://github.com/airbnb/lottie-android" target="_blank">lottie-android</a> by Airbnb
- <a href="https://github.com/airbnb/lottie-react-native" target="_blank">lottie-react-native</a> by Airbnb
- <a href="https://github.com/martijn00/LottieXamarin" target="_blank">lottie-xamarin</a>
- <a href="https://github.com/bradmartin/nativescript-lottie" target="_blank">native-script-lottie</a>
- <a href="https://github.com/m1ga/ti.animation" target="_blank">ti.animation</a> - Appcelerator Titanium bindings
- <a href="https://github.com/simolus3/fluttie" target="_blank">Fluttie</a> - Lottie for Flutter
- <a href="https://github.com/LottieFiles/dotlottie-android" target="_blank">dotlottie-android</a>
- <a href="https://github.com/airbnb/lottie-react-native" target="_blank">lottie-react-native</a> (React Native) by Airbnb
- <a href="https://github.com/LottieFiles/dotlottie-android" target="_blank">dotlottie-android</a> by LottieFiles
- <a href="https://github.com/martijn00/LottieXamarin" target="_blank">lottie-xamarin</a> (Xamarin) by Martijn van Dijk
- <a href="https://github.com/bradmartin/nativescript-lottie" target="_blank">native-script-lottie</a> (NativeScript) by Brad Martin
- <a href="https://github.com/m1ga/ti.animation" target="_blank">ti.animation</a> (Titanium SDK) by Michael Gangolf
- <a href="https://github.com/simolus3/fluttie" target="_blank">Fluttie</a> (Flutter) by Simon Binder

##### iOS

- <a href="https://github.com/airbnb/lottie-ios" target="_blank">lottie-ios</a> by Airbnb
- <a href="https://github.com/airbnb/lottie-react-native" target="_blank">lottie-react-native</a> by Airbnb
- <a href="https://github.com/LottieFiles/dotlottie-ios" target="_blank">dotlottie-ios</a>

##### Desktop
- <a href="https://github.com/airbnb/lottie-react-native" target="_blank">lottie-react-native</a> (React Native) by Airbnb
- <a href="https://github.com/LottieFiles/dotlottie-ios" target="_blank">dotlottie-ios</a> by LottieFiles

- <a href="https://github.com/windows-toolkit/Lottie-Windows" target="_blank">lottie-windows</a> by Microsoft
- <a href="https://github.com/azchohfi/LottieUWP" target="_blank">Lottie for UWP</a>
- <a href="https://lottiefiles.com/desktop" target="_blank">LottieFiles Desktop</a>
##### Windows
- <a href="https://github.com/windows-toolkit/Lottie-Windows" target="_blank">Lottie-Windows</a> by Microsoft
- <a href="https://github.com/azchohfi/LottieUWP" target="_blank">LottieUWP</a> (Universal Windows Platform) by Alexandre Zollinger Chohfi

##### Multi-Platform

- <a href="https://www.qt.io/blog/2019/03/08/announcing-qtlottie" target="_blank">Qt</a>
- <a href="https://skia.org/docs/user/modules/skottie/" target="_blank">Skottie</a> - Lottie Animation Player by Google
- <a href="https://www.thorvg.org/" target="_blank">Thorvg</a> - for rendering vector-based scenes and animations, including SVG and Lottie formats
- <a href="https://github.com/Samsung/rlottie" target="_blank">rlottie</a> - by Samsung
- <a href="https://doc.qt.io/qt-6/qtlottieanimation-index.html" target="_blank">Qt Lottie Animation</a> (Qt)
- <a href="https://skia.org/docs/user/modules/skottie/" target="_blank">Skottie</a> (Skia) by Google
- <a href="https://github.com/Samsung/rlottie" target="_blank">rlottie</a> (C++) by Samsung
- <a href="https://github.com/LottieFiles/dotlottie-rs" target="_blank">dotlottie-rs</a> (Rust) by LottieFiles
- <a href="https://www.thorvg.org/" target="_blank">ThorVG</a> - for rendering vector-based scenes and animations, including SVG and Lottie formats

<br/>

## Tools
## Viewers
- <a href="https://www.lottielab.com/preview" target="_blank">Lottielab Preview</a> (Web)
- <a href="https://app.lottiefiles.com/preview" target="_blank">LottieFiles Preview</a> (Web)
- <a href="https://lottiefiles.com/desktop" target="_blank">LottieFiles Desktop</a> (Mac)
- <a href="https://risefall.org/#app-inari" target="_blank">Inari</a> (Mac, Windows)
- <a href="https://www.thorvg.org/viewer" target="_blank">ThorVG Viewer</a> (Web)
- <a href="https://drawer.design/preview-lottie-animation/" target="_blank">Drawer Preview</a> (Web)
- <a href="https://lottie.cloud" target="_blank">LottieCloud</a> (Web, iOS)

<br/>

- <a href="https://lottiefiles.com/interactivity" target="_blank">Lottie Interactivity Library</a>
- <a href="https://lottiefiles.com/tools/json-editor" target="_blank">Lottie JSON Editor</a>
- <a href="http://lottiefiles.com/editor" target="_blank">Lottie Web Editor</a> - Editor Lottie Animations online
- <a href="https://github.com/bigxixi/Sketch2AE" target="_blank">Sketch2AE</a> - A Sketch plugin to export sketch file to Adobe After Effect
## Other Tools
- <a href="https://lottiefiles.github.io/lottie-docs/playground/json_editor/" target="_blank">Lottie JSON Editor</a>
- <a href="https://lottiefiles.com/editor" target="_blank">Lottie Web Editor</a> - Edit, tweak and personalize Lottie animations
- <a href="https://github.com/transitive-bullshit/puppeteer-lottie" target="_blank">puppeteer-lottie</a> - Renders Lottie animations via Puppeteer to image, GIF, or MP4
- <a href="https://github.com/xxmuaddib/lottie-colorify" target="_blank">lottie-colorify</a> - Change lottie colors from code
- <a href="https://github.com/samuelOsborne/Lottie-interactive" target="_blank">lottie-interactive</a> - Custom web element to add interactivity to your Lottie Animations
- <a href="https://github.com/CoderVishalSehgal/lottie-toggles" target="_blank">lottie-toggles</a> - Utility library to easily use the various switch and toggle animations
- <a href="https://github.com/xxmuaddib/lottie-colorify" target="_blank">lottie-colorify</a> - Change Lottie colors from code
- <a href="https://github.com/LottieFiles/lottie-interactivity" target="_blank">lottie-interactivity</a> - JavaScript library to enable interactivity
- <a href="https://github.com/samuelOsborne/Lottie-interactive" target="_blank">lottie-interactive</a> - Custom web element to add interactivity
- <a href="https://github.com/vishal-sehgal/lottie-toggles" target="_blank">lottie-toggles</a> - Android library to use various switch and toggle animations
- <a href="https://gitlab.com/mattbas/python-lottie" target="_blank">python-lottie</a> - Python library to manipulate Lottie animate and convert between file formats
- <a href="https://github.com/lottiefiles/relottie" target="_blank">relottie</a> - Lottie processor powered by plugins
- <a href="https://gitlab.com/mattbas/python-lottie" target="_blank">python-lottie</a> - Library to manipulate Lottie animate and convert between file formats

<br/>

## Resources
- <a href="https://lottiefiles.com/what-is-lottie" target="_blank">What is Lottie</a> by LottieFiles
- <a href="https://lottiefiles.github.io/lottie-docs/" target="_blank">Lottie Docs</a> by LottieFiles
- <a href="https://airbnb.io/lottie/" target="_blank">Lottie Docs</a> by Airbnb

0 comments on commit f019792

Please sign in to comment.