ska-dev

websevendev

Lightweight plugin that adds additional inspector controls to block editor blocks that allow to animate the block once it becomes visible to the user during scrolling. The controls can be used to select an animation type (fade, flip, slide, zoom), variation (different directions), as well as delay, duration and more advanced settings. Upon changing an option the animation can be immediately previewed in the editor.
<a href="https://playground.wordpress.net/?plugin=animations-for-blocks&url=%2Fwp-admin%2Fpost.php%3Fpost%3D2%26action%3Dedit" rel="nofollow ugc">Demo</a>
This plugin uses <a href="https://github.com/michalsnik/aos" rel="nofollow ugc">AOS – Animate on scroll library</a> and adds its’ stylesheet (2.8 kB) and script (5.2 kB) to the front end as well as a script that initializes the animations (1.3 kB).

Animations for Blocks

I have used several plugins that offer animation blocks or similar. This one is the most straight forward Animate On Scroll wrapper for wordpress blocks.

Simple. That's why it's good.

I'm a bit of an "old school" developer and have been struggling to fully embrace Gutenberg/Block Editor.

I'm building a new Block Editor base theme for use on my client projects, and I wanted to include AOS. I was preparing to add the library directly in my plugin and trying to figure out how I would ever get it to seamlessly integrate into the Block Editor interface… and then I found this plugin!

It is perfect. It includes all of the AOS parameters, works on virtually any block (even nested blocks), and most important to me, it looks like it belongs in the Block Editor. Speaking as a plugin developer as well, I can't stand plugins that try to imprint their own UI elements all over WordPress. If you're adding something to WordPress, make it look like WordPress. Anything else is at best distracting, and at worst, confusing to end users.

This one is perfect. I won't spend another second trying to integrate AOS directly into my theme… I'll just install this plugin on any site that needs animation! Very well done, and I hope the user base grows so the devs can continue to support it.

This is how you do it.


Finally an easy to use block animation plugin! Thank you so much.


Amazing plugin!


I was considering building such plugin myself, but it is already made! Thanks to developers!Please update compatibility, people will not install this if they don't see compatibility with newest WordPress


Great plugin

Allows to add animations to block editor blocks on scroll.

WPXERO

ExtenderX is the ultimate all-in-one WordPress enhancement plugin that brings together Gutenberg block animations, dark mode, content protection, scroll effects, sticky header, back to top, and 60+ powerful site enhancements — all from a single, lightweight plugin. Whether you want to animate blocks on scroll, protect your content from copying, enable dark mode, or add professional UI features like scroll progress bars and smooth scrolling — ExtenderX does it all without slowing down your website.
ExtenderX combines two powerful feature sets: Gutenberg Block Animations that extend every core and third-party block with animation controls, visibility options, tooltips, and wrapper links — directly from the block settings sidebar. Plus 60+ site-wide enhancements including dark mode, content protection, scroll effects, and UI tools that work seamlessly with any WordPress theme, page builder, or plugin — including Elementor, Divi, Beaver Builder, and more. No shortcodes, no conflicts, no bloat.
<h3>🎯 What Makes ExtenderX Different?</h3>
Most WordPress plugins solve one problem. ExtenderX solves dozens — block animations, website appearance, content security, UI enhancements, marketing tools, and seasonal effects — all managed from a single, beautifully designed dashboard. Enable only what you need. Every feature loads conditionally, so your site stays fast.
<ul>
<li>One-click activation from the dashboard</li>
<li>Automatic dark theme generation for your entire site</li>
<li>Works with any WordPress theme</li>
<li>Floating toggle button for visitors</li>
</ul>
Ready for more power? <a href="https://wpxero.com/plugins/extenderx/pricing" rel="nofollow ugc">Upgrade to Pro</a> to unlock all features.
<h3>FREE FEATURES</h3>
<h3>Content Protection & Website Security</h3>
Protect your valuable content with a comprehensive suite of security tools. ExtenderX gives you four layers of protection to prevent unauthorized content theft:
✅ Disable Right Click 
Prevent unauthorized copying by disabling right click on your WordPress site. When enabled, visitors cannot access the browser context menu, making it significantly harder to copy text, save images, or view page source code. Essential for photographers, writers, and content creators who want to keep their work safe.
✅ Disable Copy Paste 
Prevent copy paste on your website to protect your written content from text theft. This feature blocks keyboard shortcuts (Ctrl+C, Ctrl+V) and text selection, ensuring your original articles, blog posts, tutorials, and copyrighted material cannot be easily lifted by content scrapers or competitors.
✅ Disable Inspect Element 
Disable browser inspect element and developer tools to deter users from accessing your website’s source code. This feature blocks common keyboard shortcuts for opening developer tools (F12, Ctrl+Shift+I, Ctrl+Shift+J, Ctrl+U), making it harder for others to reverse-engineer your site’s design, study your CSS, or steal your code.
✅ Disable Image Drag 
Prevent image downloading by disabling drag-and-drop functionality on all images across your site. Stop visitors from saving your photos, graphics, and illustrations by simply dragging them to their desktop or another application. Combined with disable right click, this provides robust image protection.
<h3>Gutenberg Block Animations & Effects</h3>
Transform static WordPress pages into engaging, interactive experiences. ExtenderX adds powerful animation and interaction controls to every Gutenberg block — core blocks and third-party blocks alike.
✅ Entrance Animations (Animate on Scroll) 
Make blocks animate on scroll with smooth, eye-catching entrance effects. Choose from multiple animation presets — fade in, slide up, zoom in, flip, bounce, and more. Each entrance animation includes full customization options:
<ul>
<li>Multiple animation presets to choose from</li>
<li>Customizable animation duration and delay</li>
<li>Easing control for natural motion curves</li>
<li>Trigger animations when blocks scroll into the viewport</li>
<li>Perfect for landing pages, portfolios, and storytelling layouts</li>
</ul>
✅ Floating Animations 
Add subtle, continuous floating motion effects to any Gutenberg block. Floating animations create a sense of depth and liveliness on your page — perfect for hero sections, testimonials, feature highlights, and promotional banners. Make your interactive WordPress designs stand out. 
Note: Floating animations do not work simultaneously with Entrance or Tilt animations.
✅ 3D Tilt Effect 
Apply a stunning 3D tilt effect to any block. Blocks respond dynamically to cursor movement, creating an immersive sense of depth and interactivity. This feature uses the VanillaTilt.js library for smooth, GPU-accelerated performance. Great for cards, images, pricing tables, and portfolio items.
<ul>
<li>Responds to mouse/cursor movement in real-time</li>
<li>Adjustable tilt intensity and perspective</li>
<li>Value reset functionality for easy adjustments</li>
<li>GPU-accelerated for smooth performance</li>
</ul>
✅ Responsive Visibility Control 
Control exactly which blocks appear on which devices. Show or hide any Gutenberg block on desktop, tablet, or mobile — essential for creating truly responsive web designs without duplicating content. Build adaptive layouts that look perfect on every screen size.
<ul>
<li>Hide on desktop, tablet, or mobile independently</li>
<li>Works with all core and third-party blocks</li>
<li>No duplicate content needed</li>
<li>Clean CSS-based visibility (no JavaScript overhead)</li>
</ul>
✅ Tooltips 
Add informative tooltips to any Gutenberg block to display additional context, explanations, or guidance without cluttering your design. Tooltips appear on hover, powered by the Tippy.js library for smooth, accessible tooltip rendering. Perfect for feature comparisons, technical documentation, and interactive content.
✅ Wrapper Links 
Turn any Gutenberg block into a clickable link. Wrapper Links let you wrap entire block containers (images, groups, columns, cards) with a custom URL — enabling better navigation, improved click-through rates, and more intuitive user flows. No need for extra HTML or custom code.
<h3>Additional Free Features</h3>
✅ Hide Admin Bar on Frontend 
Remove the WordPress admin bar from the frontend for a cleaner, more professional visitor experience. Perfect for membership sites, client websites, and when you want a distraction-free frontend view for logged-in users.
✅ Centralized Dashboard 
Manage all 60+ ExtenderX features from one comprehensive, beautifully designed dashboard. Toggle features on and off, configure settings, and monitor everything from a single admin page. No hunting through multiple menu items — everything is organized by category: Appearance, Animations, Content Protection, UI Enhancements, Marketing, Seasonal Effects, and Site Modes.
<h3>FREEMIUM FEATURES</h3>
✅ Dark Mode for WordPress 
Enable dark mode on your WordPress website with a single click. Give your visitors the option to switch between light and dark themes for a comfortable browsing experience — especially in low-light environments. Dark mode is one of the most requested features by modern website visitors. ExtenderX uses the powerful DarkReader engine to deliver a smooth, reliable dark theme that works with any WordPress theme.
✅ Preloader (coming soon) 
Display a stylish loading animation while your pages load to create a polished first impression. Preloaders mask content loading, prevent layout shifts, and give visitors visual feedback that your site is responsive. Choose from multiple animation styles and customize colors to match your brand.
✅ Skeleton Loader (coming soon) 
Replace blank loading states with placeholder content shapes that mimic your actual layout. Skeleton loaders show visitors exactly where content will appear, reducing perceived load time and creating a smoother, more professional user experience on content-heavy pages.
✅ Back to Top Button 
Add a customizable back to top button that appears as visitors scroll down your pages. Improve navigation and user experience on long-form content, blogs, and documentation sites. Fully configurable with custom positioning, styling, and scroll behavior.
✅ Scroll Progress Bar 
Display a reading progress indicator at the top of your pages so visitors always know how far they’ve scrolled through your content. Perfect for blog posts, articles, tutorials, and long-form landing pages. Choose your bar color, height, and position.
✅ Smooth Scrolling 
Enable buttery-smooth scrolling across your entire website for a polished, modern browsing experience. Replaces the default browser scroll behavior with fluid, natural-feeling scroll transitions. Works on all pages automatically.
✅ Sticky Header 
Keep your navigation header visible at all times as visitors scroll down your pages. Sticky headers improve navigation accessibility, reduce bounce rates, and ensure important menu items and CTAs remain within reach — no matter how far down the page visitors scroll.
✅ Sticky Footer 
Pin your footer to the bottom of the viewport on pages with minimal content, ensuring it always stays at the bottom of the screen. Sticky footers create a polished, professional appearance and prevent awkward floating footers on short pages.
✅ Scrollbar Styler 
Customize your website’s scrollbar appearance to match your brand design. Replace the default browser scrollbar with custom colors, widths, and border-radius settings. Create a cohesive visual experience that extends to every detail of your site.
<h3>🏅 Why WordPress Users Choose ExtenderX</h3>
<ul>
<li>All-in-One Solution – 60+ features replacing multiple plugins: animations, dark mode, content protection, scroll effects, marketing tools, and more.</li>
<li>Zero Coding Required – Every feature is toggle-based. Beginners can set up advanced features in minutes.</li>
<li>Universal Block Compatibility – Works with all core Gutenberg blocks and 12+ popular third-party block libraries.</li>
<li>Performance Optimized – Conditional asset loading ensures only active features load. No unused CSS/JS bloat.</li>
<li>RTL Ready – Full right-to-left language support for Arabic, Hebrew, and other RTL languages.</li>
<li>Clean Codebase – Built with modern PHP (OOP, Singleton pattern, modular architecture) and WordPress best practices.</li>
<li>Freemius Powered – Secure licensing, automatic updates, and a seamless upgrade experience.</li>
<li>Regular Updates – Actively maintained with new features, compatibility patches, and performance improvements.</li>
<li>Dedicated Support – Expert help when you need it from the WPXERO team.</li>
</ul>
<h3>🤝 Works Perfectly With any themes and page builders</h3>
ExtenderX is tested and compatible with all major WordPress themes, page builders, and Gutenberg block libraries:
<ul>
<li>Astra</li>
<li>Kadence</li>
<li>GeneratePress</li>
<li>flavor starter theme</li>
<li>Divi</li>
<li>OceanWP</li>
<li>Avada</li>
<li>BeTheme</li>
<li>Flatsome</li>
<li>Storefront</li>
<li>WooCommerce</li>
<li>Elementor</li>
<li>Beaver Builder</li>
<li>Kadence Blocks</li>
<li>Spectra (formerly UAG)</li>
<li>Stackable</li>
<li>Essential Blocks</li>
<li>Ultimate Blocks</li>
<li>Ghostkit</li>
<li>Gutenverse</li>
<li>GutenKit</li>
<li>Otter Blocks</li>
<li>Greenshift</li>
<li>CoBlocks</li>
<li>And all other popular themes and page builders</li>
</ul>
<h3>👥 Who Is ExtenderX For?</h3>
<ul>
<li>Bloggers & Writers – Protect your articles from content theft with copy and right-click protection while adding engaging scroll animations.</li>
<li>Photographers & Artists – Prevent image downloads with drag protection and right-click disabling. Showcase your portfolio with 3D tilt and entrance animations.</li>
<li>Web Designers & Agencies – Deliver polished, interactive client websites with smooth scrolling, dark mode, sticky headers, and professional UI features.</li>
<li>eCommerce Store Owners – Boost conversions with countdown banners, floating CTA buttons, announcement bars, and WhatsApp chat support.</li>
<li>Content Creators & Educators – Use tooltips, reading mode, and scroll progress bars to create the best content consumption experience.</li>
<li>Developers – Add custom CSS/JS per block, leverage the modular architecture, and extend functionality with clean WordPress hooks and filters.</li>
</ul>
<h3>License & Disclaimer</h3>
This plugin is licensed under GPL v2 or later. No warranties are provided. You are free to modify and distribute it under the same license.

ExtenderX – Block Animations, Dark Mode, Content Protection & 60+ Site Enhancements

Animate blocks, enable dark mode & protect content. 60+ tools: disable right-click, copy & inspect. Works with any theme or builder. Fast & no-code!

Animations for Blocks vs ExtenderX – Block Animations, Dark Mode, Content Protection & 60+ Site Enhancements