ExtenderX

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.

📦 Gutenberg🧱 Kadence BlocksSpectra📐 Stackable
6
Block animation types
12+
Block libraries supported
0
Extra blocks required

Free on WordPress.org · 6 block animation types · Works with any theme

No Extra Blocks

ExtenderX extends the Gutenberg editor globally — animate Kadence, Spectra, Stackable, or core blocks from one panel.

Conditional Loading

Animation scripts load only on pages where blocks use ExtenderX attributes — unused features add zero weight.

One Motion Workflow

The same six interaction types work across 12+ block libraries — one consistent animation workflow across projects.

Gutenberg Block Animations

Six interaction types for any block — core WordPress or third-party libraries. No extra blocks required.

Entrance Animations (Scroll Effects)

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.

🌊

Floating Animations

Continuous subtle motion for hero sections and highlights. Add depth and liveliness without leaving the block editor.

🎭

3D Tilt Effect

Cursor-responsive GPU-accelerated tilt on cards and images. Powered by VanillaTilt.js — ideal for pricing tables, portfolios, and feature cards.

👁️

Responsive Visibility

Show or hide blocks per device without duplicating content. Clean CSS media queries — no JavaScript overhead.

💬

Tooltips

Hover tooltips on any block via Tippy.js. Display additional context without cluttering your layout.

🔗

Wrapper Links

Make entire blocks clickable. Wrap images, groups, columns, and cards with a custom URL for better navigation.

Bonus Site Tools (Optional)

Site-wide utilities you can enable from the dashboard — separate from block animations.

  • Dark mode
  • Content protection (right click, copy, inspect, image drag)
  • Back to top
  • Sticky header
  • Scroll progress

Animate Kadence, Spectra, Stackable & More

ExtenderX extends the Gutenberg editor — not a single block library. One consistent motion workflow across projects.

Kadence Blocks

Every Kadence block gets the ExtenderX panel in the block sidebar — Row Layout, Info Box, Advanced Heading, Pricing Table, and more.

  • Advanced Heading — Fade Up entrance
  • Info Box — Slide Up + optional 3D tilt
  • Pricing Table — Tilt on pricing cards

Spectra Blocks

Spectra blocks use uagb/ block names. ExtenderX automatically targets Spectra wrappers for tilt and entrance effects.

  • Spectra Container — Fade In section reveals
  • Spectra Info Box — 3D Tilt for interactive cards
  • Spectra Advanced Heading — Slide Up hero typography

Stackable Blocks

Add scroll effects to Stackable columns, headings, and cards without leaving your Stackable workflow.

  • Columns — Entrance with staggered delay
  • Feature Grid — Fade Up per grid item
  • Card — 3D Tilt

Essential Blocks

ExtenderX adds block animations to Essential Blocks post grids, sliders, and content blocks in the same editor.

  • Post Grid — Fade Up per item
  • Call to Action — Slide Up
  • Pricing Table — 3D Tilt on plan columns

Ultimate Blocks

Scroll animations and interaction controls on tabbed content, CTAs, and content filters — same six types as Kadence or Spectra.

  • Content Toggle / Tabs — Tooltip on tab labels
  • Call to Action — Entrance + Wrapper Link
  • Table of Contents — Visibility on desktop only

GenerateBlocks

Lightweight scroll animations and 3D tilt on GenerateBlocks containers, headlines, and buttons — aligned with its speed-first philosophy.

  • Container — Fade In on scroll
  • Headline — Slide Up with delay
  • Button containers — Wrapper Link

Free vs Pro

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.

Free

Entrance Animations

Scroll-triggered fade, slide, zoom, flip, and bounce presets on any block.

Free

Floating Animations

Continuous subtle motion for hero sections and highlights.

Free

3D Tilt Effect

Cursor-responsive GPU-accelerated tilt on cards, images, and columns.

Free

Responsive Visibility

Show or hide blocks per device without duplicating content.

Free

Tooltips

Hover tooltips on any block via Tippy.js.

Free

Wrapper Links

Make entire blocks clickable with a custom URL.

Free

Dark Mode

Full dark mode with visitor toggle — powered by DarkReader.

Free

Content Protection

Disable right click, copy, inspect, and image drag.

Free

Back to Top & Scroll Progress

Scroll-to-top button, progress bar, smooth scrolling, and scrollspy.

Free

Sticky Header & Footer

Keep navigation and footer elements visible while scrolling.

Free

Hide Admin Bar

Remove the WordPress admin bar on the frontend.

Pro

Parallax Effects

Advanced scroll-linked parallax motion on blocks.

Pro

Scrollbar Styler

Custom scrollbar styling across your site.

Pro

Custom Cursor Effects

Custom cursor, cursor hover, and cursor grab modes.

Pro

Seasonal Visual Effects (14)

Christmas lights, fireworks, autumn leaves, fireflies, and more.

Pro

Marketing Tools

WhatsApp button, floating CTA, countdown banner, announcement bar.

Pro

Site Modes

Maintenance, coming soon, cookie consent, GDPR, age verification, exit intent.

Pro

Advanced Appearance

Reading mode, night shift, high contrast, glassmorphism, preloader, skeleton loader.

Why WordPress Users Choose ExtenderX

Animation-first Gutenberg extension with optional site tools

📦

Universal Block Compatibility

Works with all core Gutenberg blocks and 12+ third-party libraries — Kadence, Spectra, Stackable, Essential Blocks, and more.

Six Animation Types, Zero Extra Blocks

Entrance, floating, tilt, visibility, tooltips, and wrapper links — all from the ExtenderX block sidebar panel.

Performance Optimised

Conditional asset loading ensures animation JS loads only when blocks use ExtenderX attributes on the page.

🔘

Zero Coding Required

Pick a block, open the ExtenderX panel, choose an effect — publish. No shortcodes or custom CSS needed.

🌍

RTL Ready

Full right-to-left language support for Arabic, Hebrew, Persian, Urdu, and other RTL languages.

🔄

Regular Updates

Actively maintained with compatibility fixes for Essential Blocks, Ultimate Blocks, and the latest WordPress releases.

Built for Every WordPress Creator

From bloggers to agencies — ExtenderX adapts to your needs

🎨

Web Designers & Agencies

Add scroll animations and 3D tilt to Kadence, Spectra, or Stackable client layouts without migrating to custom animation blocks.

✍️

Bloggers & Content Creators

Animate blocks on scroll to keep readers engaged. Optional dark mode, scroll progress, and content protection included free.

🛒

eCommerce Store Owners

Tilt pricing cards, animate product grids, and upgrade to Pro for countdown banners, WhatsApp chat, and floating CTAs.

📸

Photographers & Artists

Showcase portfolios with entrance animations and 3D tilt on gallery blocks. Optional image drag protection.

🎓

Educators & Course Creators

Use tooltips on feature lists, visibility controls for responsive layouts, and scroll progress for long-form content.

💻

Developers

Extend the editor globally with conditional asset loading. Pro adds custom CSS/JS per block and clean WordPress hooks.

Why Choose ExtenderX?

Built for performance, designed for the block editor, works with any theme.

01

Easy to Use

Intuitive interface with real-time preview. No coding required - just point, click, and customize.

02

Fully Customizable

Complete control over every aspect. Match your brand perfectly with unlimited color and style options.

03

Premium Support

Expert support team ready to help. Get answers fast with our dedicated support portal and documentation.

Works With Your Favourite Tools

Tested and compatible with all major WordPress themes, page builders, and block libraries

AstraKadenceGeneratePressDiviOceanWPAvadaBeThemeFlatsomeStorefrontWooCommerceElementorBeaver BuilderKadence BlocksSpectra (UAG)StackableEssential BlocksUltimate BlocksGhostkitGutenverseGutenKitOtter BlocksGreenshiftCoBlocks

Built for Developers

Requirements

  • WordPress 5.8 or higher
  • PHP 7.4 or higher
  • Gutenberg block editor enabled

Block libraries

  • Kadence Blocks, Spectra, Stackable
  • Essential Blocks, Ultimate Blocks
  • GenerateBlocks, Ghostkit, Otter Blocks
  • All core WordPress blocks

Performance

  • Conditional asset loading per feature
  • GPU-accelerated tilt animations
  • CSS-based responsive visibility

Frequently Asked Questions

Everything you need to know about ExtenderX

Ready to Get Started with ExtenderX?

Choose the plan that works best for you and start enhancing your WordPress website today.