Gutenberg Block Animations, Scroll Effects & Motion
Add Gutenberg block animations and scroll effects to any block — entrance, floating, 3D tilt, visibility, tooltips, and wrapper links. Works with Kadence, Spectra, Stackable, and all core blocks. No extra blocks required.
Free on WordPress.org · 6 block animation types · Works with any theme
ExtenderX extends the Gutenberg editor globally — animate Kadence, Spectra, Stackable, or core blocks from one panel.
Animation scripts load only on pages where blocks use ExtenderX attributes — unused features add zero weight.
The same six interaction types work across 12+ block libraries — one consistent animation workflow across projects.
Six interaction types for any block — core WordPress or third-party libraries. No extra blocks required.
Animate blocks on scroll with fade, slide, zoom, flip, and bounce presets. Fully customizable duration, delay, and easing — applies to all core and third-party Gutenberg blocks from the block sidebar.
Continuous subtle motion for hero sections and highlights. Add depth and liveliness without leaving the block editor.
Cursor-responsive GPU-accelerated tilt on cards and images. Powered by VanillaTilt.js — ideal for pricing tables, portfolios, and feature cards.
Show or hide blocks per device without duplicating content. Clean CSS media queries — no JavaScript overhead.
Hover tooltips on any block via Tippy.js. Display additional context without cluttering your layout.
Make entire blocks clickable. Wrap images, groups, columns, and cards with a custom URL for better navigation.
Site-wide utilities you can enable from the dashboard — separate from block animations.
ExtenderX extends the Gutenberg editor — not a single block library. One consistent motion workflow across projects.
Every Kadence block gets the ExtenderX panel in the block sidebar — Row Layout, Info Box, Advanced Heading, Pricing Table, and more.
Spectra blocks use uagb/ block names. ExtenderX automatically targets Spectra wrappers for tilt and entrance effects.
Add scroll effects to Stackable columns, headings, and cards without leaving your Stackable workflow.
ExtenderX adds block animations to Essential Blocks post grids, sliders, and content blocks in the same editor.
Scroll animations and interaction controls on tabbed content, CTAs, and content filters — same six types as Kadence or Spectra.
Lightweight scroll animations and 3D tilt on GenerateBlocks containers, headlines, and buttons — aligned with its speed-first philosophy.
Start free on WordPress.org with all six block animation types and core site tools. Pro unlocks parallax, seasonal effects, marketing tools, and advanced appearance modes.
Scroll-triggered fade, slide, zoom, flip, and bounce presets on any block.
Continuous subtle motion for hero sections and highlights.
Cursor-responsive GPU-accelerated tilt on cards, images, and columns.
Show or hide blocks per device without duplicating content.
Hover tooltips on any block via Tippy.js.
Make entire blocks clickable with a custom URL.
Full dark mode with visitor toggle — powered by DarkReader.
Disable right click, copy, inspect, and image drag.
Scroll-to-top button, progress bar, smooth scrolling, and scrollspy.
Keep navigation and footer elements visible while scrolling.
Remove the WordPress admin bar on the frontend.
Advanced scroll-linked parallax motion on blocks.
Custom scrollbar styling across your site.
Custom cursor, cursor hover, and cursor grab modes.
Christmas lights, fireworks, autumn leaves, fireflies, and more.
WhatsApp button, floating CTA, countdown banner, announcement bar.
Maintenance, coming soon, cookie consent, GDPR, age verification, exit intent.
Reading mode, night shift, high contrast, glassmorphism, preloader, skeleton loader.
Animation-first Gutenberg extension with optional site tools
Works with all core Gutenberg blocks and 12+ third-party libraries — Kadence, Spectra, Stackable, Essential Blocks, and more.
Entrance, floating, tilt, visibility, tooltips, and wrapper links — all from the ExtenderX block sidebar panel.
Conditional asset loading ensures animation JS loads only when blocks use ExtenderX attributes on the page.
Pick a block, open the ExtenderX panel, choose an effect — publish. No shortcodes or custom CSS needed.
Full right-to-left language support for Arabic, Hebrew, Persian, Urdu, and other RTL languages.
Actively maintained with compatibility fixes for Essential Blocks, Ultimate Blocks, and the latest WordPress releases.
From bloggers to agencies — ExtenderX adapts to your needs
Add scroll animations and 3D tilt to Kadence, Spectra, or Stackable client layouts without migrating to custom animation blocks.
Animate blocks on scroll to keep readers engaged. Optional dark mode, scroll progress, and content protection included free.
Tilt pricing cards, animate product grids, and upgrade to Pro for countdown banners, WhatsApp chat, and floating CTAs.
Showcase portfolios with entrance animations and 3D tilt on gallery blocks. Optional image drag protection.
Use tooltips on feature lists, visibility controls for responsive layouts, and scroll progress for long-form content.
Extend the editor globally with conditional asset loading. Pro adds custom CSS/JS per block and clean WordPress hooks.
Built for performance, designed for the block editor, works with any theme.
Intuitive interface with real-time preview. No coding required - just point, click, and customize.
Complete control over every aspect. Match your brand perfectly with unlimited color and style options.
Expert support team ready to help. Get answers fast with our dedicated support portal and documentation.
Tested and compatible with all major WordPress themes, page builders, and block libraries
Everything you need to know about ExtenderX
Choose the plan that works best for you and start enhancing your WordPress website today.