liip

tschortsch

<p>Animate Gutenberg blocks when they scroll into view.</p>
<ul>
<li>Works with all existing Gutenberg blocks</li>
<li>Choose from 27 different animations</li>
<li>Configure animation with custom delays, offsets and durations</li>
<li>Based on <a href="http://michalsnik.github.io/aos/" rel="nofollow ugc">AOS Animate On Scroll Library</a></li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress >= 5.0</li>
<li>PHP >= 5.6</li>
</ul>
<h4>Further Information</h4>
<ul>
<li>Documentation: <a href="https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md</a></li>
<li>WordPress Plugin: <a href="https://wordpress.org/plugins/animate-blocks/" rel="ugc">https://wordpress.org/plugins/animate-blocks/</a></li>
<li>GitHub Repository: <a href="https://github.com/liip/animate-blocks-wordpress-plugin" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin</a></li>
<li>Changelog: <a href="https://github.com/liip/animate-blocks-wordpress-plugin/releases" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin/releases</a></li>
<li>Issue tracker: <a href="https://github.com/liip/animate-blocks-wordpress-plugin/issues" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin/issues</a></li>
</ul>


Animate Blocks

Perfect

Animate Gutenberg blocks plugin for WordPress.

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.

Animate Blocks vs Animentor – Lottie & Bodymovin for Elementor