Themeisle

Hardeep Asrani

mariamunteanu1

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.
The UI for Blocks Animation feels so native and intuitive, you won’t even notice it’s installed. Just install, and you will see animation settings in all the blocks, right in the Block Settings Sidebar.
All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.

Blocks Animation: CSS Animations for Gutenberg Blocks

Basically works very well and is elegantly integrated. But you have to do a lot of clicks to change loading animation for instance. there are 3 accordions you constantly have to open/close and inside it is kind of context menu so you get kind of lost. And when you edit a page you can not see on the first sight which elements have an animation added. Would be nice to have an indicator for that like an outline or an icon appended to the block.

works good but UI needs improvements


The perfect complement to bring life to the elements of my website.


My favorite animation tool


Adds professional animations to your website!Easy to use


Simply super

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.

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!

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