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.

biplob018

Oxilab

WPKIN

Richard

Image Hover Effects Ultimate is the most powerful image hover effects plugin for WordPress. Whether you want a clean caption reveal, a dramatic flip card, a side-by-side image comparison, or a magnifier zoom — you’ll find exactly what you need from 500+ CSS3 animations and 1500+ ready-to-use layouts.
✨ No coding. No jQuery. Just beautiful hover effects that work everywhere.
Trusted by 20,000+ WordPress users, the plugin is lightweight, fully responsive, and compatible with Elementor, Gutenberg, WPBakery, Divi, Beaver Builder, and SiteOrigin.
🎬 <a href="https://demos.oxilab.dev/imagehover/demos/" rel="nofollow ugc">Live Demos</a> | ⭐ <a href="https://oxilab.dev/image-hover-effects/pricing/" rel="nofollow ugc">Upgrade to Pro</a> | 📖 <a href="https://oxilab.dev/docs/image-hover-effects/" rel="nofollow ugc">Documentation</a> | 🆘 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate#new-post" rel="ugc">Support</a>
Hover effects are one of the easiest ways to make your WordPress site feel polished and professional. With Image Hover Effects Ultimate, you choose a style from the template library, upload your images, paste a shortcode — and you’re done.
Every image hover animation is built in pure CSS3, so effects are silky smooth without adding any JavaScript weight to your pages.
<h3>🚀 Key Features</h3>
<ul>
<li>🎨 500+ CSS3 hover animations — fades, slides, flips, zooms, overlays, caption reveals, and more</li>
<li>🖼️ 1500+ pre-designed layouts — professionally crafted templates ready to customize</li>
<li>📦 10 powerful effect modules — General, Caption, Flipbox, Button, Square, Lightbox, Comparison, Magnifier, Carousel, and Filter</li>
<li>👁️ Live preview — see every change in real time without leaving the editor</li>
<li>📱 Fully responsive — independent layout controls for desktop, tablet, and mobile</li>
<li>👆 Touch-friendly — smooth interactions on iOS and Android devices</li>
<li>🔤 650+ Google Fonts — full typography control for headings, descriptions, and buttons</li>
<li>⚡ Pure CSS3, no jQuery — fast-loading animations that don’t slow your site down</li>
<li>🔁 Clone any style — duplicate an effect and customize it without starting from scratch</li>
<li>🛠️ Custom CSS editor — add your own CSS for total creative control</li>
<li>♻️ Built-in cache system — optimized loading even on pages with many images</li>
<li>🧩 Works with every major page builder — Elementor, Gutenberg, WPBakery, Divi, Beaver Builder, SiteOrigin</li>
</ul>
<h3>✨ Free Version Features</h3>
The free version is genuinely capable. Here is everything included at no cost:
<ul>
<li>✅ All 10 effect modules available</li>
<li>✅ 500+ CSS3 image hover animations</li>
<li>✅ 1500+ pre-designed layout templates</li>
<li>✅ Live preview admin panel</li>
<li>✅ Fully responsive with per-device controls (🖥️ Desktop, 📱 Tablet, 📲 Mobile)</li>
<li>✅ Touch and mobile device support</li>
<li>✅ One-click style cloning</li>
<li>✅ Image alignment, padding, and margin controls</li>
<li>✅ Per-item links with optional new-tab support</li>
<li>✅ Built-in cache system</li>
<li>✅ Custom CSS editor</li>
<li>✅ Shortcode-based — works in any post, page, or widget</li>
<li>✅ Gutenberg block editor support</li>
<li>✅ Elementor, WPBakery, Divi, Beaver Builder, and SiteOrigin support</li>
<li>✅ SEO-friendly HTML output with proper alt tag support</li>
</ul>
<h3>🔥 Pro Version Features</h3>
Pro unlocks the full creative toolkit and priority support:
<ul>
<li>🔓 Full customization of all 500+ hover effects — control colors, overlays, borders, shadows, and timing on every style</li>
<li>🎨 Advanced color pickers — unlimited color control for text, backgrounds, overlays, borders, buttons, and hover states</li>
<li>🔤 650+ Google Fonts — independent font selection for headings, descriptions, and button text</li>
<li>✏️ Custom font sizes — separate size controls for every text element</li>
<li>🖼️ Border and shadow settings — fine-tune border width, radius, and box shadows per element</li>
<li>♾️ Unlimited hover items per shortcode</li>
<li>🔗 Advanced link options — open links in a new tab on a per-item basis</li>
<li>💻 Custom CSS generation — override styles at the individual effect level</li>
<li>📹 Video tutorials for every feature</li>
<li>🎧 24/7 priority support with responses within 12 hours</li>
</ul>
👉 <a href="https://oxilab.dev/image-hover-effects/pricing/" rel="nofollow ugc">See All Free vs Pro Features</a>
<h3>🎯 Perfect For</h3>
<ul>
<li>🎨 Portfolios and agencies — showcase work with stylish image reveals and hover captions</li>
<li>🛍️ eCommerce and WooCommerce — highlight product details, overlays, and buy buttons on hover</li>
<li>📸 Photographers — display galleries with elegant hover overlays and lightbox popups</li>
<li>👥 Team pages — show staff names, roles, and social links with caption hover effects</li>
<li>📰 Blogs and magazines — make featured images more engaging with CSS hover animations</li>
<li>🏠 Landing pages — draw attention to key visuals and CTAs with smooth motion</li>
<li>🔬 Product detail pages — use the magnifier module to zoom into product images on hover</li>
</ul>
<h3>📈 Why Use This Plugin</h3>
There are a few image hover plugins out there, but Image Hover Effects Ultimate is the one that covers every use case in one place.
Here is why 20,000+ users choose it:
<ul>
<li>📦 All modules in one plugin — General Effects, Caption Effects, Flipbox, Lightbox, Comparison, Magnifier, Carousel, and Filter are all built in. No separate add-ons needed.</li>
<li>🖱️ No coding required — everything is configured through the visual admin panel with live preview</li>
<li>⚡ Lightweight — pure CSS3 output with zero jQuery dependency keeps your pages fast</li>
<li>🧩 Builder ready — shortcodes drop into Elementor, Gutenberg, Divi, or any other builder without friction</li>
<li>🔒 Actively maintained — regular updates, PHP 8.4 compatibility, and security hardening with every release</li>
<li>👨‍💻 Developer-friendly — custom CSS support, PSR-4 namespacing, and a clean codebase make it easy to extend</li>
</ul>

Image Hover Effects Ultimate ( Image Gallery, Effects, Lightbox, Comparison & Magnifier )

Add stunning image hover effects to WordPress. 500+ CSS3 animations, 10 effect modules, no coding needed. Support Elementor & Gutenberg.

Simple Block Animations vs Image Hover Effects Ultimate ( Image Gallery, Effects, Lightbox, Comparison & Magnifier )