Lottie

Lottie is a popular animation file format and rendering library that enables seamless integration of lightweight, scalable, and interactive animations into web pages and mobile applications. It uses a JSON file format to describe animations and offers easy import from design software like Adobe After Effects.

Lottie Animations are a great way to add some extra flair to your website!

Settings

Setting	Description
Source	The source of your Lottie animation. You can either upload a JSON file or paste a URL to a JSON file.
Width	The width of your animation.
Height	The height of your animation.
Autoplay	Whether or not your animation should start playing automatically.
Loop	Whether or not your animation should loop.
Speed	The speed of your animation. 1 is normal speed, 2 is twice as fast, 0.5 is half as fast, etc.
Mode	The mode of your animation. You can choose between Normal and Bounce.
Direction	The direction of your animation. You can choose between Normal and Reverse.
Play On Hover	Whether or not your animation should play when the user hovers over it.
Show Controls	Whether or not the user should be able to control the animation.
Background	The background color of your animation.

You can download Lottie animations from LottieFiles.