Add life to your sites with eye-catching, vector quality animations via the new Lottie animation widget. It’s a great way to focus attention on your sites while making them more engaging, with sleek animations that are flexible, load quickly and look fantastic on all devices.
Why Lottie Animations are great for your websites
- Focus your visitors. Draw their attention where you want it to go. An image is worth 1000 words; an animation is worth even more!
- Scalable. Lottie animations are vectors that fit any screen size and device type. This means no pixelations, regardless of size.
- Light. Lottie animations are exported as JSON files, so they load quickly and won’t slow down your sites.
- Flexible. You can change the color of the animation directly in the Lottie editor, enabling you to give it the right look and feel for your site.
Light, Flexible and Fun - A Bit About Lottie Animations
Lottie is a React Native, Android and iOS JavaScript library developed by Airbnb that renders animations made in After Effects. The animations, exported as JSON files, render quickly, smoothly and beautifully on websites.
In the Lottie widget, you can choose animations from the collection of animations available at the Lottie website, or use animations that you create yourself and export to Lottie Files. Find a full explanation on how to create and upload animations, read this.
Some cool ideas for integrating Lottie animations into your sites
Note: We highly recommend that you don't use too many animations on a single same page in your site, to avoid confusing site visitors.