Krasen Slavov

Developry

Add stunning animations to your Gutenberg blocks with Block Animations, the ultimate WordPress animation plugin.
Enhance your WordPress website with our free version of the <a href="https://animateblocksplugin.com/?utm_source=aosblocks&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Animations</a> plugin.
<iframe loading="lazy" title="Animate Blocks on Scroll Pro for WordPress" width="750" height="563" src="https://www.youtube.com/embed/cI6AeJeOm7o?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Create captivating animations for various blocks, preview them directly within the Block Editor, and choose from 20 pre-defined animation effects.
New in Version 1.3.0: Quick Animation Presets for one-click professional animations, Dashboard Widget with plugin stats, and an enhanced onboarding experience to get you started faster.
With support for custom animations and basic optimization features, you can enhance your website’s visual appeal without breaking the bank.
<h3>USAGE</h3>
<ol>
<li>Install the plugin from the WordPress Plugin Directory or upload the ZIP file through the WordPress admin panel.</li>
<li>Navigate to the Block Editor and select the block you want to animate.</li>
<li>In the block settings or toolbar, locate the animation options provided by the plugin. Choose from the available animation effects or create custom animations as desired.</li>
<li>After applying animations, use the Block Editor’s preview mode to see how the animations will appear on your website.</li>
</ol>
<h3>FEATURES & LIMITATIONS</h3>
<h3>Features</h3>
<ul>
<li>Custom Animation Block: Users can create custom animations for blocks within the free version.</li>
<li>Quick Animation Presets: 5 professionally configured animation presets for instant one-click application – save time with pre-tuned combinations of effects, timing, and easing.</li>
<li>Dashboard Widget: At-a-glance plugin statistics showing animated posts/pages, days active, and quick links to settings and documentation.</li>
<li>Welcome Onboarding: Interactive welcome notice and pointer system to help new users get started quickly with clear guidance.</li>
<li>Supported Blocks: Limited selection of supported blocks for applying animations (8 core blocks including groups, columns, images, headings, paragraphs, and buttons).</li>
<li>Block Preview Mode: Ability to preview animations within the Block Editor before publishing.</li>
<li>Animation Effects: Access to 20 pre-defined animation effects across multiple categories (fading, sliding, zooming, rotating, bouncing, and more).</li>
<li>Smart Notices: Intelligent notice system that waits 7 days after installation before showing rating or upgrade prompts – no annoying immediate popups.</li>
<li>Reset all Blocks: Option to reset animations for all blocks with a single click.</li>
<li>Reduce Page Loading: Basic optimization to load animations as needed, although with limited functionality.</li>
<li>Regular Plugin Updates: Updates are provided, albeit with a delay compared to the PRO version.</li>
</ul>
<h3>Limitations</h3>
<ul>
<li>Custom Animation Editor: The free version lacks the ability to customize animations directly within the editor interface.</li>
<li>User Defined Blocks: Users cannot define custom blocks for animations.</li>
<li>Animation Global Settings: Limited control over global animation settings.</li>
<li>Overflow Hidden to Parent Elements: Feature to hide overflow for parent elements is unavailable.</li>
<li>Video and Gallery Blocks: Users cannot animate video or gallery blocks with the free version.</li>
<li>Once and Mirror Animation Options: Advanced animation options like “once” and “mirror” are not accessible.</li>
<li>Search Animation Effects with Select2: No capability to search for specific animation effects using Select2.</li>
<li>Priority Email Support: Support provided, but without priority status.</li>
<li>Performance and Recovery: No enhanced performance features or quicker recovery process.</li>
</ul>
Upgrade to <a href="https://animateblocksplugin.com/?utm_source=aosblocks&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Animations Pro</a> version to unlock advanced features, extended support, and enhanced performance for an optimized animation experience on your WordPress website.
<h3>DETAILED DOCUMENTATION</h3>
Find step-by-step setup guides, usage instructions, demos, videos, and insights on the <a href="https://animateblocksplugin.com/help" rel="nofollow ugc">Block Editor Animations Pro</a> page.
<h3>Block Editor Animations Pro</h3>
If you’re using the free version from WordPress.org and want Pro features, you can purchase the premium version on the <a href="https://animateblocksplugin.com/?utm_source=aosblocks&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Animations Pro</a> website.
Here are some features included in the Pro version:
<ol>
<li>Custom Animation Presets: Create, save, edit, and manage unlimited custom animation presets. Build your own preset library with your favorite animation configurations and share them across multiple sites via import/export functionality. Free version includes 5 read-only presets.</li>
<li>Custom Animation Editor: Unlock the ability to create and customize animations directly within the editor interface for seamless integration and effortless design control.</li>
<li>User Defined Blocks: Define custom blocks to apply animations, offering unparalleled flexibility in animating various elements of your website.</li>
<li>Extended Supported Blocks: Access an extensive range of supported blocks for applying animations, ensuring comprehensive coverage for all your animation needs.</li>
<li>Animation Global Settings: Enjoy full control over global animation settings, allowing for precise adjustments and optimization across your entire website.</li>
<li>Overflow Hidden to Parent Elements: Implement overflow hidden to parent elements, ensuring a polished and seamless animation experience without unwanted visual disruptions.</li>
<li>Video and Gallery Blocks: Animate video and gallery blocks to enhance multimedia content, captivating your audience with dynamic visual effects.</li>
<li>Animation Effects Library: Gain access to over 100 pre-defined animation effects, providing a vast selection of captivating animations to enrich your website’s visual appeal.</li>
<li>Once and Mirror Animation Options: Utilize advanced animation options such as “once” and “mirror” for sophisticated animation effects and enhanced user engagement.</li>
<li>Reset All Blocks: Easily reset animations for all blocks with a single click, streamlining the animation management process and ensuring consistency across your website.</li>
<li>Search Animation Effects with Select2: Seamlessly search for specific animation effects using Select2, facilitating efficient navigation and selection within the animation effects library.</li>
<li>Reduce Page Loading: Optimize page loading by loading animations as needed, enhancing website performance and ensuring a smooth user experience.</li>
<li>Priority Email Support: Receive priority support via email, ensuring prompt assistance and timely resolution of any inquiries or issues.</li>
<li>Regular Plugin Updates: Stay up-to-date with the latest features, enhancements, and bug fixes through regular plugin updates, ensuring optimal performance and compatibility with WordPress updates.</li>
</ol>

Block Editor Animations – Animate Blocks

Add stunning animations to your Gutenberg blocks with Block Animations, the ultimate WordPress animation plugin.

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!

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