Lottie
lottie-web
Our great sponsors
Lottie | lottie-web | |
---|---|---|
12 | 30 | |
25,141 | 29,629 | |
1.4% | 0.5% | |
8.6 | 6.2 | |
4 days ago | about 1 month ago | |
Swift | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Lottie
- Lottie from Airbnb – iOS library to render After Effects vector animations
-
Are Animated JSON and Lotties suitable in functional web development?
Lottie still has a lot of support (backed by Airbnb) and just got a big performance upgrade on iOS. However, there are competitors cropping up (like Rive) with the aim to be more lightweight and not tied to After Effects.
- "progress indicator" animation
-
Cracking the iOS Interview
Lottie - After Effects vector animations
-
Binding Lottie (or any other Swift framework with UI) in MAUI
When I wrote my app which needed Lottie animations, I found LottieXamarin library, but that only works with Xamarin.Forms not with MAUI. I tried to update it, however I've run into multiple issues and at the same time I've realised only older Lottie versions can be binded, because from March of 2019, Lottie is a Swift library, which means it can't be binded easily.
-
Character animations like Duolingo in swiftui
It's probably made with Adobe AE or similar, and exported in Lottie format (SVG-data like + assets) to be loaded and rendered with the Lottie library for iOS (https://github.com/airbnb/lottie-ios) which I presume already comes with SwiftUI-compatible API.
-
A challenger to the throne of vector graphics. SVG is dead, long live TinyVG!
The HN thread also mentions Lottie from AirBnB and IconVG from Not-an-official-Google-product.
-
18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project
Lottie for Web, Android, iOS, React Native, and Windows
-
I built this Lottie animation editor to edit Lottie animations without After Effects! If like me, you use Lottie animations as part of your iOS app UI but struggle with After Effects or implementation issues, would like to know what you think. Added a video in comments too :)
I think there might be one but not sure how up to date it is: https://github.com/airbnb/lottie-ios/tree/lottie/objectiveC
- Burger king logo animated with UIKit
lottie-web
-
Lottie under the hood
contribute If you have the knowledge and skills, contributing to the project directly is another valuable way to assist. However, keep in mind that contributing can be challenging if you're not familiar with animation basics and the lottie format. That's precisely what this article aims to address!
-
Export SVG animation?
Apparently what the Synfig project recommends nowadays is to export for web (Lottie). And from there, you must use another software (from a series of software called Lottie, Open Source too) to render for a given platform. The one to export your lottie file to animated SVG would likely be lottie-web. The README says there is a SVG renderer.
-
Top 10+ Best React Native UI Components for Mobile App Development
GitHub Stars: 24.1k
-
Lower Thirds generator
One of my initial workflows was using the afterfx.exe and then running a script to import CSV files and render to png After that I switched to using Bodymovin and Lottie and vector files, and then using Caspar CG or mplayer to play out. https://github.com/airbnb/lottie-web
- Having an issue with Lottie's animation display.
-
How the hell is this done?
They are using this https://github.com/airbnb/lottie-web which indicates they might have used Adobe After Effects for the animations.
- Lottie
- Bodymovin cuts animation
-
I have a deep knowledge of Adobe After Effects. Would i be able to apply this to Web development?
Not sure why its not linked on that page, but here is the official web player from the Airbnb team: https://github.com/airbnb/lottie-web
- Lottie animations in a hybrid app
What are some alternatives?
MotionBlur - MotionBlur allows you to add motion blur effect to iOS animations.
lottie-player - Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
KRProgressHUD - A beautiful and easy-to-use progress HUD for your iOS.
react-lottie-player - Fully declarative React Lottie player
ViewAnimator - ViewAnimator brings your UI to life with just one line
Lottie for Android, iOS, and React Native - Render After Effects animations natively on Android and iOS, Web, and React Native
SkeletonView - ☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
three.js - JavaScript 3D Library.
Gemini - Gemini is rich scroll based animation framework for iOS, written in Swift.
decap-cms - A Git-based CMS for Static Site Generators
SpriteKitEasingSwift - Better Easing for SpriteKit in Swift
django-project-template - The Django project template I use, for installation with django-admin.