An Elementor extension that adds a widget for Lottie animations.

LottieFiles

LottieFiles for WordPress is the easiest way to add Lottie animations to your WordPress website using the Gutenberg editor.

baszczewski

Lordicon Animated Icons

IMPORTANT: If you update the plugin from 1.X version to 2.X version, it will automatically break all previously embedded icons added with older versio …

KAP ASIAs

LottieFiles – JSON Based Animation Lottie & Bodymovin for Elementor

Creative layout to your site with smaller json file using Lottie animations.

Johan Martin Aarstein

AM LottiePlayer

The most complete Lottie Player plugin! It is lightweight, versatile and easy to use, and it works with Gutenberg, Divi, Elementor and Flatsome.

MascotDevelopers

R Animated Icon Plugin

The Plugin helps you to add the SVG animation using the Lottie Files. This animations can be easily integrated with any themes and builders.

overengineer

<p>An unofficial WordPress plugin to add a Lottie widget to the <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a>.</p>
<h4>Features</h4>
<ul>
<li><strong>Intuitive UI</strong>, everything is <strong>configurable directly within Elementor</strong>, through the widget’s controls</li>
<li>Manage and re-use animation data JSON files through the <strong>WordPress Media Library</strong></li>
<li><strong>Works with the latest version of Elementor</strong> (does not require Elementor Pro)</li>
<li>Includes several animation options, allowing you to customize:
<ul>
<li>The <strong>speed</strong> of the animation</li>
<li>Whether to <strong>autoplay</strong> on page load</li>
<li>Whether to <strong>loop</strong> or play once</li>
<li>Whether to <strong>play reversed</strong></li>
<li>Whether to <strong>play on mouse over</strong></li>
<li>Whether to <strong>stop, pause, or reverse on mouse out</strong></li>
</ul>
</li>
<li>Includes several styling options, allowing you to customize:
<ul>
<li>The <strong>dimensions (width and max width) with responsive controls</strong></li>
<li><strong>Opacity, CSS filters, borders, and box shadow!</strong></li>
</ul>
</li>
</ul>
<h4>Setup tutorial</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LYTTMPNQQZQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>


Alternatives to Animentor – Lottie & Bodymovin for Elementor

Top alternatives