Lottie
Lottie for Android, iOS, and React Native
Lottie | Lottie for Android, iOS, and React Native | |
---|---|---|
12 | 43 | |
25,156 | 34,666 | |
1.1% | 0.1% | |
8.6 | 8.3 | |
16 days ago | 13 days ago | |
Swift | Java | |
Apache License 2.0 | Apache License 2.0 |
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 for Android, iOS, and React Native
-
Animotion – a visual CSS animation app
Worth mentioning that After Effects can export CSS/SVG/canvas animations with the free bodymovin/Lottie plugin. This is my personal go to for creating web key frame animations and elements.
Not every after effects feature is exportable, but it’s the best and most reliable solution I’ve found for this type of workflow, maybe due in part though to my previous experience with AE.
Currently supported features: http://airbnb.io/lottie/#/supported-features
- Any advanced image animation library available?
-
Develop Animated Splash Screens on Fire TV with Lottie
A smooth and visually appealing on-boarding experience can greatly impact how users perceive the quality of your app. In my previous article, we explored how to create custom splash screens on Fire TV apps to optimize the startup time and improve user experience. Building on that knowledge we will take a step further and learn how to develop an animated splash screen using Lottie for Fire TV applications.
-
How to play/export .JSON animation with assets
They are most likely Lottie animations: http://airbnb.io/lottie/
-
What view to use for animated splash screen?
I'd suggest Lottie with a JSON animation file
-
How stable is lottie-android in your production app?
We was thinking of https://github.com/airbnb/lottie-android
-
One of the few libraries I thought would stay much longer
But he did have a commit 3 weeks ago https://github.com/airbnb/lottie-android/commit/7479ebb2847365e5ed0575249a9b639d86808dfa
-
Ask HN: Are there things that Flash did that we still can’t do with today’s web?
Lottie[1], an Adobe After Effects plugin, fills a gap in vector animation authoring and is quite widely used (primarily in mobile applications but also works on the web, Discord for example supports them for stickers).
It's a pity SVG animation authoring tools never eventuated since it's an underutilized native format.
[1] (ignore the GIF-converted examples, the originals are lightweight and vector-based) https://airbnb.io/lottie/
-
Oldhead here - what has replaced Flash for highly interactive, complex animated content?
Unity can export to WebGL/WASM, so that's one option if you're making some kind of heavy interactive experience and you don't mind waiting for it to load. For just animations there are tools like Lottie that can help. I think things are generally a lot more fragmented than they were in the Flash/Shockwave days though.
-
10 Useful Android Library for Every New Developer
6. Lottie
What are some alternatives?
MotionBlur - MotionBlur allows you to add motion blur effect to iOS animations.
android-page-curl - Page Curl for Android
KRProgressHUD - A beautiful and easy-to-use progress HUD for your iOS.
shimmer-android - An easy, flexible way to add a shimmering effect to any view in an Android app.
ViewAnimator - ViewAnimator brings your UI to life with just one line
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.
SkeletonView - ☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
rlottie - A platform independent standalone library that plays Lottie Animation.
Gemini - Gemini is rich scroll based animation framework for iOS, written in Swift.
World Country Data, flags, currency and more - Android library for country flag, currency, and other country information
SpriteKitEasingSwift - Better Easing for SpriteKit in Swift
Material-Animations - Android Transition animations explanation with examples.