Lottie Animation for Elementor

The plugin brings Lottie animations into the Elementor editing experience, so you can place animated images within your pages and adjust their settings there. Use animations to add motion to branding, draw attention to content, or make a page more interactive. Its JSON-based animation support gives site owners a way to incorporate Lottie visuals into an Elementor layout.

Choose from five pre-designed templates as a starting point, or select animations from the LottieFiles library. The available controls include playback speed, looping, direction, and triggers. Animations are responsive and retina-ready, so they can appear crisp across screen sizes and retina displays. This makes the plugin suited to Elementor sites where animation is part of the page design.

Features

• Elementor editing: Add and customize Lottie animations directly within the Elementor interface, placing motion content as part of your page design.
• Lottie animation library: Choose JSON-based animations from the LottieFiles library to add animated visuals to Elementor pages.
• Playback controls: Adjust animation speed, looping, direction, and triggers in Elementor to set how each animation plays.
• Responsive display: Use responsive, retina-ready animations that are designed to display crisply across screen sizes and retina displays.
• Pre-designed templates: Start with five pre-designed templates that provide ready-made animation layouts to use as a starting point for customization.

Best for

• Elementor site owners adding animated page content
• Designers highlighting branding and page elements
• Freelancers building interactive WordPress pages