Modules Lottie
Lottie
Play Lottie animations (.json or .lottie) on autoplay, when in view, on hover, on click, or scrubbed with the scroll. The player loads only on pages that use it.
Live demo
Five triggers
Original animations made for this site.
Autoplay
Loops from page load.
In view
Plays once when it scrolls into view.
Hover
Plays while the pointer is over it.
Click
Click or press Enter to play.
Scroll
Scrubbed by the scroll position.
.json or .lottie
Paste a URL, or allow Lottie uploads in Settings → Kinetic Modules to use the Media Library. The player loads only on pages with a Lottie module.
How to use it
Where to find it
Add the Lottie module (Kinetic Modules Pro) and paste a file URL, or upload .json / .lottie files once uploads are allowed in Settings → Kinetic Modules.
Free Free plugin
Lottie is a Pro feature. Kinetic Modules Pro is one self-contained plugin: it already includes the free plugin, so you install Pro on its own. Not ready for Pro? The free plugin gives you the Kinetic tab, Scroll Effects and five modules.
Pro In Kinetic Modules Pro
- Autoplay, in view, hover, click and scroll triggers
- .json and .lottie (dotLottie) files
- Optional Media Library uploads for Lottie files
- Loop, speed, direction and accessible label
Kinetic Modules
Make your Beaver Builder sites move.
Start with the free plugin. Add Pro when a project needs the big effects.