lottie-web
Lottie
Our great sponsors
lottie-web | Lottie | |
---|---|---|
30 | 11 | |
29,546 | 24,848 | |
0.6% | 0.4% | |
6.5 | 8.7 | |
9 days ago | 7 days ago | |
JavaScript | Swift | |
MIT License | 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-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!
-
Top 10+ Best React Native UI Components for Mobile App Development
GitHub Stars: 24.1k
-
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.
-
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
-
Show HN: Motion One, the Web Animations API for Everyone
The lack of format documentation is an obstacle to both of those: https://github.com/airbnb/lottie-web/issues/575
-
18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!
-
I saw this Netflix Series called : How to sell d**gs online fast and I saw this cool website that was shown. Can someone explain what is happening here and can it be replicated or is it just Netflix Magic. Thank you
Check this out for using After Effects animations in the web
-
Lottie animations I did for a website (+ some "behind the scenes" from AE)
Also something I didn't know is you can add CSS selectors to any layers (you can like change the color during runtime) link
Here is the doc on github https://github.com/airbnb/lottie-web. I Use bodymovin to export from After Effects https://aescripts.com/bodymovin/
-
Bodymovin effect export to .json
According to the supported features and the forums, it's not supported. You might want to ask the creators via GitHub.
Lottie
-
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
What are some alternatives?
lottie-player - Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
MotionBlur - MotionBlur allows you to add motion blur effect to iOS animations.
KRProgressHUD - A beautiful and easy-to-use progress HUD for your iOS.
SkeletonView - ☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
ViewAnimator - ViewAnimator brings your UI to life with just one line
Gemini - Gemini is rich scroll based animation framework for iOS, written in Swift.
SpriteKitEasingSwift - Better Easing for SpriteKit in Swift
PageControl - ● ○ ○ ○ A nice, animated UIPageControl alternative.
Macaw - Powerful and easy-to-use vector graphics Swift library with SVG support
AnimatedCollectionViewLayout - A UICollectionViewLayout subclass that adds custom transitions/animations to the UICollectionView without effecting your existing code.
Anima - Anima is chainable Layer-Based Animation library for Swift5.
Fluid Slider - :octocat:💧 A slider widget with a popup bubble displaying the precise value selected. Swift UI library made by @Ramotion