Top 11 lottie-animation Open-Source Projects
-
lottie-flutter
Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie 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.
-
react-useanimations
React-useanimations is a collection of free animated open source icons for React.js.
-
streamlit_login_auth_ui
It lets you connect your streamlit application to a pre-built and secure Login/ Sign-Up page.
-
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)
-
echarty
The goal of echarty is to provide a minimal interface, a “glue”, between R and ECharts, then let your R data lists build the chart. There are utilities included to assist with data preparation, Shiny with proxy and JS plugins. Have the full functionality of ECharts in R with minimal overhead!
-
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.
-
LottieDialog
Android Library to create Lottie animation view dialog easily with a lot of customization
-
WellnessCity
An app to help user stay healthy, get Health and Diet tips/advice and Covid 19 Regular Reminder to stay safe
-
BANaNAS
The web app that takes two random pieces of data from around the web and tries to find any correlation, no matter how wild or far-fetched
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.
lottie-animation related posts
Index
What are some of the best open-source lottie-animation projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-lottie | 1,613 |
2 | lottie-flutter | 1,110 |
3 | react-useanimations | 1,046 |
4 | weather-icons | 790 |
5 | streamlit_login_auth_ui | 160 |
6 | Iconify | 121 |
7 | echarty | 77 |
8 | LottieDialog | 52 |
9 | WellnessCity | 23 |
10 | BANaNAS | 6 |
11 | Personal-Portfolio | 1 |
Sponsored