Lottie is an iOS, macOS, Android, and React Native library that renders After Effects animations in any native app. And we’re bringing it to Divi with a Custom Module that’ll let you add beautiful animations with ease. Click here to see live demo. Content Options Lottie JSON File Here you’ll need to upload the .JSON File that you’ll download from LottieFiles and you don’t have to worry about uploading a .JSON File because Divi Supreme already did it for you. Loop If you want to keep running/Looping enable this option. Number of Times Here you can specify the number of times the Animation will Loop. If you enter 2 the animation will loop 2 times and then it will stop. Direction Here you can change the direction of the animation it maybe either Normal or Reverse. Speed (More is Faster) Here you can change the speed of the animation the more value you’ll enter here the more speed of the animation will be. Trigger Enable this option to trigger the animation on Hover or Click. Trigger Method Play Animation on Hover/Mouse over - This option will let you play the Lottie Animation when you hover the mouse on the Animation. Play Animation on Click - This option will let you play the Animation on click. So when you'll click the Animation it will play. Play Animation on Scroll - (A great addition) This will let you animate the Animation on Scroll. Create something extraordinary. Relative To Entire Page - You can relate the animation Scroll to Entire Page, more option will be added in upcoming Updates! On Mouseout action This option will show if you select the Animation Trigger method as "Hover". And it will let you do different things with Animation like Stop, Pause or Reverse the Animation when you move the mouse away from the Module. Animate in Viewport Here you can play around with animation to play at a specific viewport. Design Options Because It’s an animation you don’t need to do any design settings here. But if you want then you can add a Box Shadow, Corner Radius and Play around with other settings here. Advanced Options Use the advanced options to give your Lottie Module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Most helpful 5/5 - Divi Supreme - FAQs and Documentation

Divi Supreme Requirement

Divi Content Timeline Module

Divi Lottie Module

Divi Image Accordion Module

Divi Supreme Requirement

Divi Content Timeline Module

Divi Lottie Module

Divi Image Accordion Module

Divi Supreme

Need Help?