miguifer

Sleek Scroll Video lets you create beautiful scroll-driven video playback animations on your WordPress site. As the user scrolls, the video plays forward; scroll back, and the video reverses.
Each Sleek Scroll Video is managed as its own custom post type entry, giving you full control over settings and generating a unique shortcode you can embed anywhere.
<h4>Features</h4>
<ul>
<li>Custom Post Type — Each Sleek Scroll Video is a separate entry in the admin panel.</li>
<li>Unique Shortcodes — Every Sleek Scroll Video generates its own shortcode (<code>[sleek-scroll-video id="123"]</code>) for easy embedding.</li>
<li>No external dependencies — All animation logic is handled by the plugin’s own JavaScript and CSS.</li>
<li>Configurable Settings — Control scroll height, scrub speed, and scroll start/end points.</li>
<li>Media Library Integration — Upload or select videos directly from the WordPress media library.</li>
<li>Performance First — Assets are only loaded on pages where the shortcode is actually used.</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Go to Sleek Scroll Video → Add New in your admin panel.</li>
<li>Give it a title and configure the video URL plus animation settings.</li>
<li>
Save/publish the post.
</li>
<li>
Copy the generated shortcode from the sidebar.
</li>
<li>Paste the shortcode into any page, post, or widget.</li>
</ol>

Sleek Scroll Video

Create scroll-driven video animations with your own JavaScript and CSS. Each video is a custom post type with its own shortcode.

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.

Sleek Scroll Video vs Simple Block Animations