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.

guelben

<p>MotionMagic enhances Gutenberg adding beautiful CSS animations to any block. Easily add on scroll, on hover and on click animations.</p>
<p>Fully compatible with any template kit for Gutenberg like spectra, stackable, otter, kadence, qubely etc..</p>
<p>When the user selects an animation from the Gutenberg editor interface, they can see the effect on the same screen in the inspected block, allowing them to preview how the animation will appear on the front end. The plugin ensures that all animations do not interfere with each other. In fact, the same block can have all three types of animations defined.</p>


MotionMagic

MotionMagic enhances Gutenberg adding beautiful CSS animations to any block. Easily add on scroll, on hover and on click animations.

Animate Blocks vs MotionMagic