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>


Animentor – Lottie & Bodymovin for Elementor

An Elementor extension that adds a widget for Lottie animations.

Johan Martin Aarstein

<p><strong>The most complete free Lottie Player yet.</strong></p>
<p>AM LottiePlayer is easy to use, lightweight, and gives you total control over how to implement crisp, vectorized animations to your website. Easily set up user interactions, choose between JSON or the optimized dotLottie format, choose whether to serve the files from a CDN or your own <em>Media Library</em>, choose how to scale the animation, add a nice description for screen readers and search eninge crawlers, and you’re off to the races!</p>
<p>Upload Lottie animations to WordPress and add them to Gutenberg, Divi, Elementor, Bricks, Flatsome UX Builder, or via the shortcode <code>[am-lottieplayer]</code>. This plugin also offer partial support for WPBakery (formerly Visual Studio).</p>
<h4>Features</h4>
<ul>
<li>Contains two Gutenberg blocks: a player and a cover block with text overlay – great for headers.</li>
<li>Contains a Divi Builder Module</li>
<li>Contains an Elementor Widget</li>
<li>Contains a Bricks Element</li>
<li>Contains the shortcode <code>[am-lottieplayer]</code></li>
<li>Has intergration for Flatsome UX Builder</li>
<li>Has partial support for WPBakery (formerly Visual Studio)</li>
<li>Scripts are only loaded for pages where the player is used</li>
<li>Upload Lottie JSON or dotLottie files to your <em>Media Library</em></li>
<li>Drag & drop a Lottie JSON or dotLottie file</li>
<li>Insert a Lottie JSON or dotLottie animation from URL</li>
<li>Choose scaling, speed, size, background color, interactions and more from the block settings in Gutenberg. The same settings are accessible in the Divi Module menu, the Elementor Widget menu, the Flatsome UX Builder menu, and WPBakery menu.</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://www.aarstein.media/en/am-lottieplayer" rel="nofollow ugc">Website</a></li>
<li><a href="https://www.aarstein.media/en/am-lottieplayer/pro" rel="nofollow ugc">AM LottiePlayer PRO</a></li>
</ul>
<h4>PRO</h4>
<p>AM LottiePlayer is also available in a professional version, which includes more functionality and flexibility. The AM LottiePlayer PRO features are:</p>
<ul>
<li>Combine animations in a single file via drag and drop</li>
<li>Control interactions and behaviour of each animation in multi-animation files</li>
<li>Convert JSON-lotties to dotLottie in an easy-to use GUI</li>
<li>Choose renderer: SVG, Canvas or HTML</li>
<li>More of the functionality from animations made with After Effects</li>
</ul>
<p><a href="https://www.aarstein.media/en/am-lottieplayer/pro" rel="nofollow ugc">Upgrade to AM LottiePlayer PRO</a></p>
<h3>Feedback</h3>
<p>We’d love to <a href="mailto:johan@aarstein.media" rel="nofollow ugc">hear from you</a>!</p>
<p>Thanks for using our plugin! Please take a moment to <a href="https://wordpress.org/support/view/plugin-reviews/am-lottieplayer?filter=#postform" rel="ugc">rate it</a>.</p>
<h3>Translations</h3>
<p>You can <a href="https://translate.wordpress.org/projects/wp-plugins/am-lottieplayer" rel="nofollow ugc">contribute your translation here</a>.</p>
<p>New to Translating WordPress? Read through the <a href="https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/" rel="nofollow ugc">Translator Handbook</a> to get started.</p>


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.

Animentor – Lottie & Bodymovin for Elementor vs AM LottiePlayer