Trigger Lottie Animation Addon For Elementor

Static pages can feel flat, and hand-coding animation takes time. This addon puts Lottie animations inside the Elementor builder so you can add motion to buttons, images and other page elements without writing code. Lottie animations are JSON-based files, and the plugin works with a library of them sourced from lottiefiles.com.

You can add an animation from a JSON file or a direct link, then adjust it to fit your site's colors and style. Trigger settings decide when it plays, for example as a visitor scrolls or hovers. The animations are retina ready and responsive, and the plugin is built with lightweight HTML, CSS and JS. It suits designers and developers who build Elementor sites for themselves or for clients.

Features

• Large Lottie animation library: Browse thousands of free Lottie animations from a library sourced from lottiefiles.com, so there are plenty of design options for different kinds of websites.
• JSON files and direct links: Add animations either by uploading JSON animation files or by pasting a direct animation link, which gives you a choice in how each project is set up.
• Scroll-triggered playback: Set animations to start as visitors scroll down the page, so motion appears at the moment people reach that part of your content.
• Hover and interaction triggers: Control when and how an animation plays, including on hover, so elements such as buttons can react to what the visitor does.
• Built into the Elementor editor: Add and customize animations from within Elementor's builder interface in a few clicks, with no coding required.
• Brand-matching customization: Adjust animations to fit your brand's colors and style so the motion looks like a natural part of the rest of the site.
• Retina ready and responsive: Animations are optimized to look sharp on high-density screens and to adapt across devices, from desktops to phones.
• Lightweight HTML, CSS and JS: The plugin is coded with HTML, CSS and JS in a lightweight way, which helps keep animations running smoothly on the page.

Best for

• Elementor users who want motion without coding
• Freelancers and agencies building client websites
• Designers adding animated buttons and images