react-lottie-player
lottie-web
Our great sponsors
- SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
- Amplication - open-source Node.js backend code generator
- Appwrite - The open-source backend cloud platform
- Mergify - Updating dependencies is time-consuming.
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
- Sonar - Write Clean JavaScript Code. Always.
| react-lottie-player | lottie-web | |
|---|---|---|
| 2 | 30 | |
| 427 | 28,930 | |
| - | 0.8% | |
| 4.1 | 8.4 | |
| about 1 month ago | 16 days ago | |
| JavaScript | JavaScript | |
| MIT License | 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.
react-lottie-player
-
I have a deep knowledge of Adobe After Effects. Would i be able to apply this to Web development?
Heres one of many React Lottie players available: https://www.npmjs.com/package/react-lottie-player
-
A drag and drop puzzle game with Framer-Motion
Lottie React Player: to implement Lottie Json animations (the firework at puzzle completion)
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.
What are some alternatives?
lottie-player - Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
react-unity-webgl - React Unity WebGL provides a modern solution for embedding Unity WebGL builds in your React Application while providing advanced APIs for two way communication and interaction between Unity and React.
react-famous - React bridge to Famo.us
Lottie for Android, iOS, and React Native - Render After Effects animations natively on Android and iOS, Web, and React Native
Lottie - An iOS library to natively render After Effects vector animations
decap-cms - A Git-based CMS for Static Site Generators
three.js - JavaScript 3D Library.
Strapi - 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
django-project-template - The Django project template I use, for installation with django-admin.
react-three-renderer
reactive-elements - Allows to use React.js component as HTML element (web component)
react-threejs - WIP: Simplest bindings between React & Three.js