Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Lottie Open-Source Projects
-
Lottie for Android, iOS, and React Native
Render After Effects animations natively on Android and iOS, Web, and React Native
-
lottie-player
Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
lottie-flutter
Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.
-
react-useanimations
React-useanimations is a collection of free animated open source icons for React.js.
-
Material Dialogs for Android 📱
📱Android Library to implement animated, 😍beautiful, 🎨stylish Material Dialog in android apps easily.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
thorvg
Thor Vector Graphics is a lightweight portable library used for drawing vector-based scenes and animations including SVG and Lottie. It can be freely utilized across various software platforms and applications to visualize graphical contents.
-
FabulaItemsProvider
You can share and communicate with developers around the world through the Fabula app.
-
bitcoin-market-android
Bitcoin Market app shows you the current Bitcoin market price and price chart of different time intervals 💰
-
Iconify
Upgrade your designs with our browser extension! Download premium SVG icons and stickers from Flaticon, Icons8, and Iconscout hassle-free. No more costly subscriptions. (by kyutefox)
-
LottieUI
Lottie for SwiftUI. It is a library developed to make Lottie easy to implement. It supports iOS and macOS.
-
LottieDialog
Android Library to create Lottie animation view dialog easily with a lot of customization
-
Momentum
Android, iOS & iPadOS payments & video streaming apps built w/ SwiftUI & Jetpack Compose, the apps persist data locally w/ SQLDelight and Remote w/ Prostgres, Payments w/ Stripe and Caching (by MwaiBanda)
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
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
To use Lottie in our project, we need to add it to our dependencies. Don’t forget to check for the latest version on Lottie’s GitHub repository here.
The resulting output will resemble the following: The issue above arises when the icon is rendered twice, but only one is animated. One approach to resolving this is to disable , as outlined in the documentation. React's renders each component twice in order to detect and report any potential issues within your application. However, it's generally not recommended to disable , as it may result in undetected bugs and errors.
Project mention: 3D and 2D: Testing out my cross-platform graphics engine | news.ycombinator.com | 2024-04-02
ti.animation Android Lottie and Rive libraries update: https://github.com/m1ga/ti.animation/releases/tag/android-4.6.0
Project mention: Show HN: DotLottie Player – A New Universal Lottie Player Built with Rust | news.ycombinator.com | 2024-04-04
Project mention: Show HN: DotLottie Player – A New Universal Lottie Player Built with Rust | news.ycombinator.com | 2024-04-04The current release supports >95% of the animations on our community contributed free animations library. No changes required! We open-sourced a tool called relottie ((https://github.com/LottieFiles/relottie) to detect unsupported features in a Lottie for this player (and other players) to help folks build a validation step in their CI/CD.
We are making frequent contributions and releases on ThorVG and dotlottie-rs to get to 100% support!
Lottie related posts
- Show HN: DotLottie Player – A New Universal Lottie Player Built with Rust
- Lineball - small Android connect the dots game
- Any advanced image animation library available?
- Develop Animated Splash Screens on Fire TV with Lottie
- Bring Your Flutter App to Life with Lottie Animations
- How to play/export .JSON animation with assets
- What view to use for animated splash screen?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 30 Apr 2024
Index
What are some of the best open-source Lottie projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Lottie for Android, iOS, and React Native | 34,656 |
2 | lottie-player | 1,489 |
3 | LottieXamarin | 1,210 |
4 | lottie-flutter | 1,108 |
5 | react-useanimations | 1,043 |
6 | Material Dialogs for Android 📱 | 936 |
7 | weather-icons | 790 |
8 | thorvg | 540 |
9 | FabulaItemsProvider | 515 |
10 | bitcoin-market-android | 341 |
11 | DailyFeed | 134 |
12 | Iconify | 117 |
13 | ti.animation | 106 |
14 | LottieUI | 99 |
15 | Space-Empires | 91 |
16 | lottie-to-svg | 85 |
17 | LottieUI | 83 |
18 | dotlottie-web | 54 |
19 | LottieDialog | 52 |
20 | relottie | 38 |
21 | Momentum | 34 |
22 | PyLottie | 29 |
23 | SaveGame | 16 |
Sponsored