Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, and allows native apps to use animations as easily as they use static assets. Lottie uses animation data exported as JSON files from an open-source After Effects extension called Bodymovin.
How do you use Lottie animation?
If you're not familiar with Lottie, it is a library that renders Adobe After Effects animations natively on mobile and the web.
...
How to use lottie animations on the web
...
How to use lottie animations on the web
- Get JSON format of animation.
- Add Bodymovin library to the HTML page.
- Load the animation.
- Set the animation trigger.
What is Lottie and website animation?
Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web! For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand.
