Valentin Grenier

Simple block animations adds scroll-triggered animations to WordPress Gutenberg blocks without any coding required.
Features:
<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>
Supported Blocks:
Works with all WordPress blocks, including core blocks, third-party blocks, and custom blocks.
Development:
The source code for this plugin is available on GitHub: https://github.com/valentin-grenier/simple-animations-for-gutenberg
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.
To build from source: 
1. Install dependencies: <code>npm install</code> 
2. Build for production: <code>npm run build</code> 
3. Build for development: <code>npm run dev</code>

Simple Block Animations

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

itthinx

This plugin provides an automated way to convert any standard WordPress gallery that is embedded on a page using the [gallery] shortcode into a WunderSlider.
WunderSlider Gallery also supports <a href="https://wordpress.org/extend/plugins/nextgen-gallery/" rel="ugc">NextGEN Gallery</a> to embed any gallery as a WunderSlider using the [wunderslider_nggallery] shortcode or by enabling it as the default renderer for the [nggallery] shortcode.
The plugin requires the WunderSlider which is available freely for personal use and can be downloaded on the <a href="http://www.itthinx.com/wunderslider/" rel="nofollow ugc">WunderSlider</a> page.
A license is required to be purchased for commercial use, see the WunderSlider page for more details.
Feedback is welcome. 
If you want to leave feedback or want to provide constructive criticism, please do so at the support pages indicated below.
Please try to solve problems there before you rate this plugin or say it doesn’t work.
Limited* free support is provided on the <a href="http://www.itthinx.com/wunderslider/" rel="nofollow ugc">WunderSlider</a> page only. Please be specific when stating any issues you might experience. * Limited means: thank you for your feedback and please be patient as you should get an answer as soon as possible.
<a href="http://twitter.com/wunderslider" rel="nofollow ugc">Follow WunderSlider on Twitter</a> for updates on the WunderSlider and its plugins.
<a href="http://twitter.com/itthinx" rel="nofollow ugc">Follow itthinx on Twitter</a> for updates on this and other plugins.
Usage / Notes on settings
After you have followed the instructions on installing WunderSlider and the WunderSlider Gallery plugin, go to Appearance > WunderSlider Gallery and have a look at the default settings.
<pre><code> [gallery] shortcode attributes :
</code></pre>
<ul>
<li>
The <code>size</code> attribute uses <code>full</code> by default. Set it to another size if you don’t need the full image size.
Default sizes are <code>thumbnail</code>, <code>medium</code>, <code>large</code> and <code>full</code>.
</li>
<li>
WunderSlider attributes that use a dash in the attribute name must be used with an underscore instead when passed to the <code>[gallery]</code> shortcode. If used, <code>container-class</code>, <code>container-style</code>, <code>container-height</code> and <code>container-width</code> must be passed as <code>container_class</code>, <code>container_style</code>, <code>container_height</code> and <code>container_width</code> to the <code>[gallery]</code> shortcode. 
This is especially important when the <code>display="proportional"</code> setting is used, as you will have to provide the container width and height explicitly.
Example:
[gallery display=”proportional” container_width=”80%” container_height=”360px”]
</li>
<li>
If you do not want the WunderSlider applied to a specific gallery, you must add the <code>wunderslider="false"</code> attribute, for example:
[gallery wunderslider=”false”]
</li>
</ul>
Usage with <a href="https://wordpress.org/extend/plugins/nextgen-gallery/" rel="ugc">NextGEN Gallery</a>
Any NextGEN gallery can be rendered as a WunderSlider using the <code>[wunderslider_nggallery]</code> shortcode or by enabling defaults for NextGEN Gallery shortcodes in the Appearance > WunderSlider Gallery settings.
Example:
<pre><code> [wunderslider_nggallery id="123"] will render a WunderSlider for the NextGEN gallery with id 123.
</code></pre>
The [nggallery] shortcode can be rendered as a WunderSlider by either enabling it by default or by specifying:
<pre><code>[nggallery id="123" wunderslider="true"]
</code></pre>
For this to take effect, the option to handle NextGEN Gallery shortcodes must be enabled on the settings page Appearance > WunderSlider Gallery.
As with the <code>[gallery]</code> shortcode, any WunderSlider attributes can be passed to <code>[wunderslider_nggallery]</code> or <code>[nggallery]</code> – those that use a dash in the attribute name must be used with an underscore instead: <code>container-class</code>, <code>container-style</code>, <code>container-height</code> and <code>container-width</code> must be passed as <code>container_class</code>, <code>container_style</code>, <code>container_height</code> and <code>container_width</code>.
Examples:
<ul>
<li><code>[wunderslider_nggallery id="1" container_width="80%" container_height="300px" display="proportional"]</code></li>
<li><code>[nggallery id="1" wunderslider="true" container_width="80%" container_height="300px" display="proportional"]</code></li>
</ul>

WunderSlider Gallery

WunderSlider Gallery turns default WordPress and NextGEN galleries into responsive fullscreen and embedded WunderSlider slideshows.

Simple Block Animations vs WunderSlider Gallery