ExtenderX

Accessibility, Block Animations & Site Enhancements

Accessibility toolbar, Gutenberg block animations, dark mode, sticky header, maintenance mode, code snippets and 40+ more site tools in one WordPress plugin. Enable only what you need — everything else loads zero assets.

GutenbergKadence BlocksSpectraStackable
40+
Site tools in one plugin
18
Accessibility visitor tools
6
Block editor extensions
  • Free on WordPress.org
  • Version 1.11.0, updated Oct 30, 2026

12+ block libraries supported · Any classic or block theme · Disabled features load nothing

What is ExtenderX?

ExtenderX is a complete WordPress site enhancement toolkit that replaces a stack of single-purpose plugins with one well-organised dashboard. Three modules cover it: Site Enhancements (a visitor accessibility toolbar, dark mode, navigation and scrolling tools, site-wide motion, seasonal effects, content protection, marketing widgets and site access modes) work on any classic or block theme; Block Editor Extensions add six controls — entrance animation, floating animation, 3D tilt, responsive visibility, wrapper link and tooltip — to every registered Gutenberg block, core or third-party; and Custom Code handles header/footer script injection plus a toggleable snippet library. Every module uses conditional asset loading, so a feature you have not enabled adds zero CSS or JavaScript to any page.

Three Modules, One Plugin

Accessibility, block editor extensions, and custom code in a single dashboard — no extra blocks and no plugin stack to maintain.

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, and site-wide animations cover the rest — one consistent motion workflow across projects.

Accessibility, Motion & Site Enhancements

Site Enhancements for any theme, six block editor extensions that attach to every registered Gutenberg block, and Custom Code for scripts and snippets — all conditionally loaded, so a feature you have not enabled costs nothing.

Accessibility Toolbar

A floating accessibility button with 11 free visitor tools and quick profiles for low vision, dyslexia, focus, and seizure safety. Opens with Alt+A, and preferences are remembered in the visitor's own browser — no cookies, no server data. Pro adds 7 more tools, toolbar branding, an accessibility statement generator, and an alt text audit for the media library.

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.

Site-Wide & Scroll-Linked Motion

Apply one reveal style across every page without touching individual blocks, plus floating animations for hero sections. Pro adds scroll-linked parallax and scroll-progress scrub effects with import/export for motion configuration.

3D Tilt Effect

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

Navigation & Scrolling

Back to top button, sticky header, sticky footer bar, scroll progress bar, scrollspy, and smart scroll auto-hide. Pro adds a scroll-to-bottom button, Lenis smooth scrolling, and a scrollbar styler.

Seasonal Effects

Winter snow, autumn leaves, and falling hearts free; Pro unlocks 15+ more including spring petals, summer bubbles, Christmas lights, fireworks, Halloween bats, Ramadan lanterns, and Black Friday confetti. All effects respect prefers-reduced-motion.

Responsive Visibility

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

Tooltips & Wrapper Links

Accessible hover tooltips on any block via Tippy.js, plus wrapper links that make entire images, groups, columns, and cards clickable with a custom URL.

Dark Mode & Loading Screens

A visitor-facing dark/light toggle powered by DarkReader that works with any theme and needs no configuration. Pro adds a skeleton loading screen and a branded preloader for a polished first paint.

Marketing & Site Access Modes

Dismissible announcement bar, floating CTA button, and CTA pulse animation free, plus maintenance mode and coming soon mode that keep admins signed in with full access. Pro adds a sticky WhatsApp button, a global countdown banner, age verification, cookie consent, a GDPR notice, and an exit-intent popup.

Content Protection

Disable right click, copy and text selection, developer tools access, and image drag-and-drop, or hide the admin bar for logged-in visitors. Each control is independent and off by default.

Custom Code & Snippets

Inject HTML, CSS, and JavaScript into the head, after body open, or before body close without editing theme files, and manage a library of named, individually toggled snippets. Pro adds PHP snippets, conditional display logic, and snippet scheduling.

Bonus Site Tools (Optional)

Site-wide utilities you enable from the dashboard, independent of the block editor extensions — each one works on any classic or block theme.

  • Accessibility toolbar, quick profiles, Alt+A shortcut
  • Skip to content link & enhanced focus outlines
  • Dark mode with visitor toggle (DarkReader)
  • Site-wide animations with per-page overrides (beta)
  • Back to top, sticky header & sticky footer bar
  • Scroll progress, scrollspy & smart scroll
  • Seasonal effects (snow, autumn leaves, falling hearts)
  • Announcement bar, floating CTA & CTA pulse
  • Content protection (right click, copy, inspect, image drag)
  • Maintenance & coming soon modes
  • Insert headers & footers + code snippet library

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 the accessibility toolbar and its four quick profiles, all six block editor extensions, site-wide animations, insert headers & footers with HTML/CSS/JS snippets, dark mode, the navigation and scrolling tools, three seasonal effects, all five content protection tools, and full RTL support. Pro unlocks 7 more accessibility visitor tools, toolbar branding, the accessibility statement generator and alt text audit, scroll-linked parallax, 15 extra seasonal effects with scheduling, marketing and consent tools, and PHP snippets with conditional logic.

Free

Accessibility Toolbar (11 tools)

Floating toolbar with quick profiles for low vision, dyslexia, focus, and seizure safety. Alt+A shortcut, preferences remembered locally.

Free

Skip to Content & Focus Outlines

Automatic landmark detection for skip links, plus customizable enhanced focus rings.

Free

Block Editor Extensions (6)

Entrance animation, floating animation, 3D tilt, visibility control, wrapper link, and tooltip on every registered block.

Free

Site-Wide Animations

Apply one reveal style automatically across all pages — no per-block setup.

Free

Custom Code & Snippets

Insert headers & footers plus a library of toggleable HTML, CSS, and JavaScript snippets.

Free

Dark Mode

Full dark mode with visitor toggle — powered by DarkReader.

Free

Navigation & Scrolling

Back to top, sticky header, sticky footer bar, scroll progress, scrollspy, and smart scroll.

Free

Seasonal Effects (3)

Winter snow, autumn leaves, and falling hearts — all respecting prefers-reduced-motion.

Free

Marketing Basics

Dismissible announcement bar, floating CTA button, and CTA pulse animation.

Free

Maintenance & Coming Soon

Site access modes for launches and downtime.

Free

Content Protection

Disable right click, copy, inspect, image drag, and hide the admin bar.

Pro

Pro Accessibility Tools (7)

Reading guide, reading mask, text spacing, content zoom, dyslexia font, large cursor, and saturation control.

Pro

Toolbar Branding & Statement Generator

Brand the accessibility toolbar and generate an accessibility statement page.

Pro

Alt Text Audit

Scan the media library for missing image alt text.

Pro

Scroll-Linked Effects

Parallax and scroll-progress scrub motion, with import/export for motion configuration.

Pro

Smooth Scrolling & Scrollbar Styler

Lenis-powered smooth scrolling, scroll-to-bottom button, and custom scrollbar styling.

Pro

Seasonal Effects (15+ more)

Spring petals, summer bubbles, Christmas lights, fireworks, fireflies, and more — with scheduling and targeting.

Pro

Marketing Pro

Sticky WhatsApp button and global countdown banner.

Pro

Consent & Access Modes

Age verification, cookie consent, GDPR notice, and exit-intent popup.

Pro

PHP Snippets & Conditional Logic

PHP snippets plus per-page and post-type display conditions with scheduling.

Pro

Skeleton Loader & Preloader

Loading screen and preloader animations for a polished first paint.

Why WordPress Users Choose ExtenderX

Animation-first Gutenberg extension with optional site tools

Accessibility Built In

A visitor toolbar with 11 free tools, quick profiles, skip to content, and enhanced focus outlines — no cookies, no data collection, preferences stored locally.

Universal Block Compatibility

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

Three Modules, One Dashboard

Site Enhancements, Block Editor Extensions, and Custom Code — replacing several single-purpose plugins with one unified settings screen.

Performance Optimised

Conditional asset loading ensures scripts load only when a feature is enabled and used on the current page.

RTL Ready

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

Regular Updates

Actively maintained and tested up to WordPress 7.1, with ongoing compatibility fixes for major block libraries.

Who ExtenderX Is For

The sites and teams ExtenderX is built for

Web Designers & Agencies

Ship an accessibility toolbar, scroll animations, and 3D tilt on Kadence, Spectra, or Stackable client layouts without migrating to custom animation blocks.

Bloggers & Content Creators

Animate blocks on scroll to keep readers engaged. Dark mode, scroll progress, reading aids, and content protection included free.

eCommerce Store Owners

Tilt pricing cards, animate product grids, and upgrade to Pro for countdown banners, WhatsApp chat, exit-intent popups, and cookie consent.

Photographers & Artists

Showcase portfolios with entrance animations and 3D tilt on gallery blocks. Optional image drag protection and an alt text audit for the media library.

Educators & Course Creators

Reading guide, text spacing, and content zoom for learners, tooltips on feature lists, and scroll progress for long-form content.

Developers

Extend the editor globally with conditional asset loading, and manage HTML, CSS, JS — or PHP in Pro — from a snippet library instead of theme files.

Works With the Tools You Already Use

Editors, themes and plugins ExtenderX is built to work with

AstraKadenceGeneratePressDiviOceanWPAvadaBeThemeFlatsomeStorefrontWooCommerceElementorBeaver BuilderKadence BlocksSpectra (UAG)StackableEssential BlocksUltimate BlocksGhostkitGutenverseGutenKitOtter BlocksGreenshiftCoBlocksGenerateBlocks

How to Install ExtenderX

From the WordPress dashboard to your first an accessibility toolbar, block animations and 40+ site tools in a few minutes

  1. In your WordPress admin, go to Plugins → Add New, search for “ExtenderX”, then install and activate it.

  2. Open ExtenderX in the admin menu and use the Quick Start screen to enable the modules you want: Site Enhancements, Block Editor extensions and/or Custom Code.

  3. Configure each module from the sidebar — Site Enhancements (including the Accessibility tab), Block Editor, or Custom Code for header/footer scripts and snippets.

  4. For block animations, edit any page or post, select a block and open the ExtenderX panel in the right sidebar.

  5. To add Pro, install the ExtenderX Pro plugin alongside the free one and activate your license — keep the free plugin active.

ExtenderX at a Glance

Version and requirement details come straight from WordPress.org

Latest version
1.11.0 (updated Oct 30, 2026)
Requires
WordPress 6.2+ · PHP 7.4+
Tested up to
WordPress 7.1.4
Active installs
100+
Price
Free · Pro from $19.99/year

Good to know

  • Block extensions need the Gutenberg block editor
  • Site Enhancements work with any classic or block theme
  • Disabled features load no CSS or JavaScript

Block libraries

  • Kadence Blocks, Spectra (UAG), Stackable
  • Essential Blocks, Ultimate Blocks, GutenKit
  • GenerateBlocks, Ghostkit, Otter Blocks
  • Gutenverse, Greenshift, CoBlocks
  • All core WordPress blocks

Performance

  • Conditional asset loading per feature
  • GPU-accelerated tilt animations
  • CSS-based responsive visibility
  • Respects prefers-reduced-motion

Frequently Asked Questions

Everything you need to know about ExtenderX

ExtenderX is a free WordPress plugin that combines an accessibility toolbar, Gutenberg block animations, and 40+ site enhancement tools in one dashboard. It is organised into three modules — Site Enhancements (accessibility, dark mode, navigation and scrolling, motion, seasonal effects, content protection, marketing, site access modes), Block Editor Extensions (six controls added to every registered block), and Custom Code (header/footer injection plus a snippet library). Enable only the tools you need; disabled features load no CSS or JavaScript.

Most animation plugins only animate their own blocks, or expect you to switch page builders. ExtenderX adds animation and interaction controls to every block you already use — core WordPress blocks and third-party libraries alike — and bundles the site-wide tools you would otherwise install separately: dark mode, sticky header, maintenance mode, seasonal effects, code snippets and marketing widgets. One dashboard, one plugin, conditional asset loading throughout.

Yes. The free version on WordPress.org includes all six block editor extensions, the accessibility toolbar with 11 visitor tools and 4 quick profiles, skip to content, enhanced focus outlines, site-wide animations, insert headers and footers with HTML/CSS/JS snippets, dark mode, back to top, sticky header, sticky footer bar, scroll progress, smart scroll, scrollspy, maintenance and coming soon modes, the announcement bar, floating CTA, three seasonal effects, all five content protection tools, and full RTL support. Pro adds 7 more accessibility tools, scroll-linked effects, 15+ extra seasonal effects, marketing and consent tools, and PHP snippets.

No — and be careful with any plugin that claims otherwise. ExtenderX gives visitors control over how your site is displayed and gives you two tools for finding problems in your own content. Compliance depends on your content, your markup, your theme, and your own testing with real assistive technology, so treat these tools as one part of that work rather than a substitute for it.

The core tools are free: an accessibility toolbar with 11 visitor display controls (text size, readable font, left-aligned text, high contrast, inverted colors, grayscale, light background, underlined links, highlighted headings, hidden images, and paused motion), four quick profiles (Low vision, Dyslexia, Focus, Seizure safe), an Alt+A keyboard shortcut, remembered preferences, a skip to content link, and enhanced focus outlines. Pro adds seven more visitor tools — reading guide, reading mask, text spacing, content zoom, a dyslexia-friendly typeface, a large cursor, and saturation control — plus toolbar branding, an accessibility statement generator, and an alt text audit.

Go to ExtenderX → Site Enhancements → Accessibility and enable Accessibility Toolbar. Use the gear icon to choose which side the button sits on, how far up from the bottom it appears, which tools are offered, and whether the quick profiles row and the Alt+A shortcut are enabled. Nothing loads on your site until you switch it on.

No. A visitor's choices are stored in their own browser so they carry from page to page. No cookies are set, nothing identifying is recorded, nothing is sent to your server, and nothing is fetched from an external service. You can switch remembering off in the toolbar settings, though visitors then have to set their preferences again on every page.

Enable Skip to Content Link under ExtenderX → Site Enhancements → Accessibility and set Target to a CSS selector for your main content area — #main suits most themes. The link stays invisible until a keyboard visitor tabs to it, then moves focus into the content rather than only scrolling. If the selector matches nothing, common landmarks are tried automatically, so it keeps working when you change themes.

Yes. Enable Enhanced Focus Outlines under ExtenderX → Site Enhancements → Accessibility and set the ring's color, thickness, and offset. It appears for keyboard and similar input but not for mouse clicks.

With ExtenderX Pro, open ExtenderX → Site Enhancements → Accessibility and use Alt Text Audit. It lists media library images with no alternative text and links to each one for editing, paginated so it stays fast on large libraries. When writing alt text, describe what the image conveys in context; if an image is purely decorative, leaving it empty is the correct choice.

Yes. If a visitor's system asks for reduced motion, the toolbar starts with motion already paused, and switching that off will not force animations back on for them. The toolbar itself is keyboard operable and announces changes to screen readers, and every seasonal effect honours the same preference.

Go to ExtenderX → Block Editor and make sure Entrance Animation is enabled. Then edit any page or post, select a block, and open the ExtenderX panel in the right sidebar. Choose a preset (fade in, slide up, zoom, flip, bounce, and more), set a duration, delay and easing if you like, and publish. The animation fires once when the block scrolls into the visitor's viewport.

Entrance animations fire once when a block scrolls into view. Floating animation is a continuous looping motion, useful for hero images and feature callouts. 3D tilt responds to the visitor's cursor position in real time, powered by VanillaTilt.js and GPU-accelerated — ideal for cards, images, and pricing tables. Only one motion type runs per block at a time.

Site-Wide Animations (free, in beta) lets you set a single reveal style once from the dashboard and applies it automatically to your content across every page, with block-type targeting, stagger delays, and per-page or per-block overrides in the editor. Block entrance animations are configured individually per block instead, for precise control over each effect.

In the block editor, select a block, open the ExtenderX panel, and use Visibility Control to toggle visibility per device independently. Visibility is applied with CSS media queries, so there is no duplicate HTML content and no JavaScript overhead.

Enable Wrapper Link in the ExtenderX panel for any block — group, column, image or card — and enter a URL. The whole block becomes a single clickable link on the front end, with no custom HTML required.

Yes. ExtenderX extends the Gutenberg editor globally rather than hooking individual block plugins, so every registered block gets the ExtenderX sidebar panel with all six extensions — Kadence Blocks, Spectra (UAG), Stackable, Essential Blocks, Ultimate Blocks, Ghostkit, Gutenverse, GutenKit, Otter Blocks, Greenshift, CoBlocks, GenerateBlocks, and all core WordPress blocks.

Yes. The Site Enhancements module — dark mode, sticky header, maintenance mode, seasonal effects, content protection, marketing tools and more — works with any WordPress theme, classic or block. The Block Editor Extensions work inside the Gutenberg editor and are compatible with any theme that supports the block editor.

The Site Enhancements tools work site-wide regardless of which builder or editor you use, so dark mode, sticky header, announcement bar, code snippets, seasonal effects and maintenance mode all apply. The Block Editor Extensions are specific to the WordPress block editor and do not add animation controls inside the Elementor or Divi editors.

Go to ExtenderX → Site Enhancements → Appearance and toggle Dark Mode on. Visitors get a floating button to switch between light and dark. The engine is DarkReader, so it works with any theme and needs no configuration.

Enable Sticky Header under ExtenderX → Site Enhancements → Navigation & Scrolling. Your existing theme header stays fixed at the top of the viewport as visitors scroll — no theme editing required. Smart Scroll can auto-hide it on scroll down and reveal it on scroll up.

Enable Back to Top Button under ExtenderX → Site Enhancements → Navigation & Scrolling, then pick a style preset, icon, position and visibility rules. Pro adds a matching Scroll to Bottom button with the same options, and both stack neatly when active at once.

Enable Scroll Progress Bar under ExtenderX → Site Enhancements → Navigation & Scrolling. It shows a reading-progress indicator at the top of the page, and Scrollspy can highlight the matching navigation link as the visitor scrolls.

Go to ExtenderX → Site Enhancements → Site Access Modes and enable Maintenance Mode. Visitors see a maintenance screen while administrators keep full access to the site and backend.

Enable Coming Soon Mode under ExtenderX → Site Enhancements → Site Access Modes. Visitors see a full-page coming-soon screen before launch, and administrators keep full site access so you can keep building.

Enable Announcement Bar under ExtenderX → Site Enhancements → Marketing, then set your message, colors, top or bottom position, and whether visitors can dismiss it. The Floating CTA button and CTA pulse animation live in the same section.

Go to ExtenderX → Custom Code, click Add Snippet, paste your tracking code, and choose Header (inside head), Body Open (after the opening body tag), or Footer (before the closing body tag) as the injection point. It works for Google Analytics, Google Tag Manager, Meta Pixel, AdSense and site verification tags, with no theme file edits and nothing lost when your theme updates.

Go to ExtenderX → Site Enhancements → Seasonal Effects and enable Winter Snow, Autumn Leaves, or Falling Hearts — all free. Pro unlocks 15 more, including spring petals, summer bubbles, Christmas lights, fireworks, Halloween bats, Ramadan lanterns and Black Friday confetti, plus scheduling by date range, page targeting and per-effect colors. Every effect honours the visitor's reduce-motion preference automatically.

Under ExtenderX → Site Enhancements → Content Protection you can toggle any combination of Disable Right Click, Disable Copy, Disable Inspect, Disable Image Drag, and Hide Admin Bar on Frontend. Each operates independently. These deter casual copying rather than guaranteeing it is impossible, since anything sent to a browser can ultimately be read.

Yes, with ExtenderX Pro. Enable Sticky WhatsApp Button under ExtenderX → Site Enhancements → Marketing to add a floating chat widget, alongside the Pro global countdown banner for sales and launches.

Yes, with ExtenderX Pro. Enable Cookie Consent or GDPR Notice under ExtenderX → Site Enhancements → Site Access Modes, where age verification and an exit-intent popup also live. Maintenance mode and coming soon mode are free.

Yes. ExtenderX ships full RTL stylesheet support for Arabic, Hebrew, Persian, Urdu, and other right-to-left languages.

No. Every module uses conditional asset loading: animation scripts load only on pages where at least one block actually uses an effect, and site enhancement scripts load only when their feature is enabled. Disabled features add zero CSS or JavaScript to any page, and settings are stored per module so they no longer autoload on every request.

No. Every feature is controlled with toggles and visual controls, either from the ExtenderX dashboard or from the ExtenderX panel in the block editor sidebar. The Custom Code module is there if you do want to add your own HTML, CSS, JavaScript, or PHP in Pro.

ExtenderX requires WordPress 6.2 or higher and PHP 7.4 or higher, and is tested up to WordPress 7.1. The Block Editor Extensions need the Gutenberg block editor; the Site Enhancements and Custom Code modules work on any theme, with or without the block editor.

Click Upgrade to Pro inside the ExtenderX dashboard, or visit wpxero.com/plugins/extenderx/pricing to compare plans. After purchasing, install the Pro add-on, activate your licence key, and the premium features unlock — note that Pro features require both a valid licence and the Pro plugin active.

Ready to Get Started with ExtenderX?

Install ExtenderX free from WordPress.org, and upgrade to Pro when you need more.