Valentin Grenier

<p>Simple block animations adds scroll-triggered animations to WordPress Gutenberg blocks without any coding required.</p>
<p><strong>Features:</strong></p>
<ul>
<li>5 animation types (fade, slide up/down/left/right)</li>
<li>Customizable duration and delay</li>
<li>Works with all blocks (core, third-party, and custom blocks)</li>
<li>Lightweight (CSS + Intersection Observer)</li>
<li>No jQuery or heavy libraries</li>
<li>Accessibility-friendly (respects prefers-reduced-motion)</li>
</ul>
<p><strong>Supported Blocks:</strong></p>
<p>Works with all WordPress blocks, including core blocks, third-party blocks, and custom blocks.</p>
<p><strong>Development:</strong></p>
<p>The source code for this plugin is available on GitHub: https://github.com/valentin-grenier/simple-animations-for-gutenberg</p>
<p>The plugin uses npm and webpack to compile JavaScript and CSS files. Source files are located in the <code>src/</code> directory, and compiled files are in the <code>build/</code> directory.</p>
<p>To build from source:<br />
1. Install dependencies: <code>npm install</code><br />
2. Build for production: <code>npm run build</code><br />
3. Build for development: <code>npm run dev</code></p>


Simple Block Animations

Add beautiful scroll-triggered animations to any Gutenberg block with a simple, lightweight solution.

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.

Simple Block Animations vs Scroll Animations for Blocks