simplydev

<p>Scroll Animations for Gutenberg allows you to add smooth scroll animations to any block in the WordPress editor. Each block can be configured with its own animation settings, including threshold, duration, and delay.</p>
<h3>Features</h3>
<ul>
<li>Add scroll animations to any Gutenberg block</li>
<li>Customizable animation settings per block:
<ul>
<li>Enable/disable animation</li>
<li>Threshold (when the animation triggers)</li>
<li>Duration (how long the animation lasts)</li>
<li>Delay (when the animation starts)</li>
</ul>
</li>
<li>Lightweight and performance optimized</li>
<li>Uses Intersection Observer API for smooth performance</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Edit any post or page with the WordPress editor</li>
<li>Select any block</li>
<li>In the block settings sidebar, look for the “Scroll Animation” panel</li>
<li>Enable the animation and adjust the settings as needed:
<ul>
<li>Threshold: When the block should start animating (0-1)</li>
<li>Duration: How long the animation should last (0-5000ms)</li>
<li>Delay: When the animation should start (0-5000ms)</li>
</ul>
</li>
</ol>
<h3>Development</h3>
<p>This plugin uses <code>@wordpress/scripts</code> for development. To get started:</p>
<ol>
<li>Clone the repository</li>
<li>Run <code>npm install</code></li>
<li>Run <code>npm run start</code> for development</li>
<li>Run <code>npm run build</code> for production build</li>
</ol>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>Modern web browser with Intersection Observer API support</li>
</ul>
<h3>License</h3>
<p>GPL v3 or later</p>
<h3>Author</h3>
<p>Simply Dev</p>


Scroll Animations for Blocks

Scroll Animations for Blocks A lightweight WordPress plugin that adds scroll animations to all Gutenberg blocks.

Fabio Rinaldi

<p>Crelly Slider is a Free / Open Source responsive WordPress slider that supports layers. You can add Texts, Images, YouTube/Vimeo videos using a powerful Drag & Drop Builder and animate each of them. It is perfect to display your creative content in posts and pages.</p>
<p><a href="http://crellyslider.altervista.org/" rel="nofollow ugc">Official WebSite (with live demo)</a><br />
</p>
<h4>User Friendly Admin Panel</h4>
<p>Crelly Slider does not require any Coding Knowledge. With the simple admin panel you will be able to create the sliders in the easiest way. Upload images with the default WordPress interface or choose colors using the picker.</p>
<h4>High Cross Browser Compatibility</h4>
<p>Most of the animations and the transitions are written in jQuery (using the “animate” function). In this way we can assure the compatibility with modern (even Android and iOs) and older browsers.</p>
<h4>Drag and Drop Builder</h4>
<p>How can you position all the elements in to the slider area? You just simply drag them in to the desired position. Like in Powerpoint, you just have to move the object around the Slide.</p>
<h4>Transitions & Animations</h4>
<p>Foreach element and slide you can choose an in animation and an out animation using a simple selection menu. You can set the transition speeds and how long the element will take to get in and out.</p>
<h4>Completely Responsive</h4>
<p>Responsive means that the Slider will be displayed correctly in every resolution that the user will use. If the display is small (like in a smartphone), the slides and the elements will be scaled to be adapted.</p>
<h4>Full & Fixed Width Modes</h4>
<p>Using Crelly Slider you can select between a fixed or a full-width layout (both of them can be responsive). You are the designer, you own the WebSite, just choose the best for it.</p>


Crelly Slider

A free responsive slider that supports layers. Add texts, images, videos and beautify them with transitions and animations.

Scroll Animations for Blocks vs Crelly Slider