XeroWP
Animate Any Block – Scroll Animations & Motion Effects for Gutenberg

Animate Any Block – Scroll Animations & Motion Effects for Gutenberg

0/5 (0 ratings) 30 active installs Updated Aug 6, 2026
animationanimationsblock-editoreffectsgutenberg
Download v1.1
The "Animate On Scroll" panel in the block editor sidebar.

The "Animate On Scroll" panel in the block editor sidebar.

LBC Animate Any Block brings the wildly popular AOS – Animate On Scroll library straight into the WordPress Block Editor (Gutenberg).

Bring your pages to life without writing a single line of code. Simply select any block, toggle the animation switch, and choose from dozens of professional scroll-triggered effects.

Core Features

  • Universal Block Support: Works flawlessly with all Core blocks (Paragraph, Image, Group, Cover) AND third-party plugins (WooCommerce, Kadence, GenerateBlocks, ACF, etc).
  • 28 Animation Types: Choose from elegant Fades, Slides, Flips, and Zooms.
  • Granular Control: Tweak animation Duration, Delay, Easing, and Offset on a per-block basis.
  • Advanced Triggers: Configure Anchor Placement, CSS Anchor selectors, and specify whether animations should play once or mirror on scroll up.
  • FSE Compatible: Fully compatible with WordPress Full Site Editing (FSE) themes.
  • Performance Focused: No jQuery required. The AOS library is bundled locally (only ~14 KB minified) with zero external CDN requests.
  • Clean DOM: Animations are strictly opt-in. Unaffected blocks remain completely untouched with zero added bloat.

How it works

  1. Select any block in the page or post editor.
  2. Open the “✨ Animate On Scroll (AOS)” panel in the block sidebar.
  3. Toggle Enable Animation and customize your effect.
  4. Save the page and scroll down on the front end to watch it trigger!

Speed up WordPress Website

Take your website’s performance to the next level with Leverage Browser Caching Pro! Unlock lightning-fast load times, improve your Core Web Vitals, and dominate search engine rankings with our premium optimization suite.

  • 🚀 Ultimate Caching & Compression: Take full control with customizable cache lifespans, GZIP compression, Keep-Alive connections, and optimal Cache-Control headers to instantly serve pages to your visitors.
  • ⚡ Deep Code Minification: Shrink your CSS, JavaScript, and HTML footprints. Delay non-critical JS execution to skyrocket your Google PageSpeed Insights scores.
  • 🖼️ Smart Media & Font Delivery: Drastically reduce initial load weight with intelligent lazy loading for images and iframes, plus seamless Google Fonts optimization.
  • 🛠️ Database Cleanup & Site Health: Keep your backend running smoothly with automated database optimization, DNS prefetching, heartbeat control, and enhanced security by disabling XML-RPC.
  • 🛒 WooCommerce Optimized: Fully compatible with WooCommerce—speed up your online store without breaking checkout flows or dynamic cart data.
  • ⚙️ Intuitive Dashboard: Manage all your advanced performance tweaks effortlessly through a clean, user-friendly settings panel.
  • 🛡️ Priority Support & Updates: Enjoy peace of mind with fast, expert assistance from our dedicated team, plus continuous feature updates.

Upgrade to Leverage Browser Caching Pro!

Credits & Acknowledgements

  • AOS (Animate On Scroll): The core animation engine of this plugin is powered by the fantastic AOS Library, developed by Michał Sajnóg and available under the MIT License.

Open Source & GitHub

We believe in open-source development! If you’re a developer looking to contribute, report an issue, or simply explore the code, visit our official repository:
LBC Animate Any Block on GitHub