LottieFiles

<p>LottieFiles for WordPress gives you access to over 50k free and ready to use Lottie animations that you can easily embed on your website. Adding animations is quick and simple: simply drag and drop the animation of your choice anywhere in your page and post and make your site stand out, no coding or design skills needed. Bring your content to life and explain your product and service in a more exciting way to your users!</p>
<h4>Features</h4>
<ul>
<li>Transform your website into animated web experiences using the Gutenberg Editor</li>
<li>Search and access over 50,000 free and ready to use Lottie animations</li>
<li>Access to your <strong>Private files</strong> from LottieFiles</li>
<li>Drag & drop a Lottie JSON file</li>
<li>Insert a Lottie animation from URL</li>
<li>Save and re-use animation data JSON files through the <strong>WordPress Media Library</strong></li>
<li><strong>Customize your Lottie</strong>, everything is <strong>configurable directly within the the Gutenberg Editor</strong>, through the block’s controls</li>
<li>Includes customization options, allowing you to customize:
<ul>
<li>Background color of the animation</li>
<li>The <strong>speed</strong> of the animation</li>
<li><strong>Play</strong> on page load, click, scroll or mouse over</li>
<li><strong>Loop</strong> the animation or play once</li>
<li>Play the animation in reverse</li>
<li>The <strong>dimensions (width and max width) with responsive controls</strong></li>
</ul>
</li>
<li>Share your LottieFiles account with other users</li>
</ul>
<h3>3.0.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fixes breaking changes in Gutenberg</li>
</ul>
<h3>2.9.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Dependencies update and BugSnap implementation</li>
</ul>
<h3>2.8.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fix for Lottie block throwing block validation error</li>
</ul>
<h3>2.7.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>fix for LottieFiles WP plugin’s CSS affects other input elements in the WP Block Editor</li>
</ul>
<h3>2.6.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>fix for plugin affecting UI of other wordpress pages</li>
</ul>
<h3>2.5.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>dotLottie support refactor</li>
<li>interactivity bugs fixed</li>
<li>CDN enable for new users error solved</li>
</ul>
<h3>2.4.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>New feature to give an option for the user to use the CDN or use local player</li>
<li>Fix for animation play on hover, click and scroll</li>
<li>Search feature gate removed on workspaces</li>
</ul>
<h3>2.3.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fixes for lottie player size on safari browser</li>
</ul>
<h3>2.2.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fixes for pagination, search and interactivity</li>
</ul>
<h3>2.1.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fixes for Gutenberg plugin compatibility and sidebar UI enhancements</li>
</ul>
<h3>2.0.0</h3>
<h3>Major Changes</h3>
<ul>
<li>Major workflow update</li>
</ul>
<h3>1.1.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fixed Block Movement/ Drag & Drop issue</li>
<li>fixed Import from media library</li>
</ul>
<h3>1.0.5</h3>
<h3>Patch Changes</h3>
<ul>
<li>UI fixes, copy fixes</li>
</ul>
<h3>1.0.4</h3>
<h3>Patch Changes</h3>
<ul>
<li>Hit counter fix</li>
<li>Interactivity scroll fix</li>
<li>CSS Namespace population fix</li>
<li>Only load CSS where relevant</li>
</ul>
<h3>1.0.3</h3>
<h3>Patch Changes</h3>
<ul>
<li>Upload JSON fixes</li>
</ul>
<h3>1.0.2</h3>
<h3>Patch Changes</h3>
<ul>
<li>Update common php function names to be unique to avoid namespace clashes</li>
</ul>
<h3>1.0.1</h3>
<h3>Patch Changes</h3>
<ul>
<li>Documentation updates for readme and dev readme</li>
<li>Updates for WordPress SVN listing</li>
</ul>
<h3>1.0.0</h3>
<h3>Major Changes</h3>
<ul>
<li>First stable release</li>
</ul>


LottieFiles – Lottie block for Gutenberg


Added the block to my site and after I saved the page, it resulting in a critical error on the page. I removed the plugin and deleted the block from the page manually and it still would not load the page.



Had to go find the revisions of the home page manually inside the database, delete those, and then my home page was accessible again. 



Sad because this has all the features I need, but doesn't work reliably. This is not the first time I've run into critical errors with this plugin 


Critical error after initial setup


It injects whole tailwind css with 29.628 css rules in the admin!For those who understand this, it is nothing more to say.


Very poor admin optimization

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

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.

LottieFiles – Lottie block for Gutenberg vs AM LottiePlayer