Block Editor Animations
Overview
Add professional scroll animations to your blocks with fade effects, slide animations, and zoom effects. Make your content come alive as visitors scroll through your pages. Stop settling for static pages. This plugin brings your blocks to life with scroll-triggered effects - no coding required. Just select any block, choose an effect, and watch your content animate beautifully as visitors scroll.
How It Works
Install and activate
Edit any page or post in Block Editor
Select the block you want to animate
Open the Animation panel in block settings
Choose an effect and customize timing
Preview in the Block Editor
No technical knowledge required - works immediately with blocks.
Perfect For
- Landing pages with scroll-triggered engagement
- Portfolio websites showcasing work
- Business sites adding professional effects
- Blogs making content more engaging
- Marketing pages highlighting CTAs
- Creative agencies building animated sites
Features
Powerful features designed to enhance your WordPress experience.
Native Block Editor support
20+ animation effects
Scroll-triggered animations
5 professional presets
Live preview in Block Editor
No coding required
Customizable timing controls
Installation & Setup
Get started in minutes with our step-by-step installation guide.
- Go to Plugins > Add New
In your WordPress dashboard, navigate to the Plugins menu and click Add New.
- Search for "Block Editor Animations"
Use the search box to find the plugin and click the Install Now button.
- Activate the plugin
After installation completes, click the Activate button to enable the plugin.
- Download the ZIP file
Download the plugin ZIP file from WordPress.org or from the download button above.
- Go to Plugins > Add New > Upload Plugin
Navigate to the Upload Plugin section in your WordPress dashboard.
- Choose file and install
Select the ZIP file you downloaded and click Install Now, then Activate.
- Download and extract
Download the plugin ZIP file and extract it on your computer.
- Upload via FTP
Upload the extracted folder to /wp-content/plugins/ on your server.
- Activate from dashboard
Go to Plugins menu in WordPress and activate the plugin.
After Activation
- 1. Edit any page or post in Block Editor
- 2. Select any block (heading, image, button, etc.)
- 3. Look for the Animation panel in block settings sidebar
- 4. Choose an effect from the dropdown
- 5. Use Quick Presets for instant professional results
- 6. Customize timing, delay, and scroll offset
- 7. Preview using Block Editor preview mode
- 8. Publish your animated page
Screenshots
See the plugin in action with these screenshots.
What Users Are Saying
Block Editor Animations made my landing pages come alive. Clean code, no bloat, and the animations are butter smooth.
I love that all these plugins follow WPCS standards. Makes my job as a code reviewer so much easier!
Frequently Asked Questions
Common questions about this plugin.
Edit any page in Block Editor, select the block you want to animate, open the Animation panel in the sidebar, choose an effect (fade, slide, zoom, etc.), and publish.
The free version supports 8 core blocks: headings, paragraphs, images, buttons, groups, columns, covers, and quotes. The Pro version animates all blocks including video, galleries, and custom blocks.
Yes, the Block Editor includes live preview mode. Select any animated block and preview exactly how scroll animations will appear before publishing.
No, the plugin is optimized for performance. Animations use CSS3 and are hardware-accelerated. Minimal JavaScript loads only on pages with configured animations.
The free version includes 20 effects: fade (in, up, down, left, right), slide (up, down, left, right), zoom (in, out, in-up, in-down), flip (up, down, left, right), rotate (left, right), and bounce. The Pro version includes 100+ effects.
Open the Animation panel on any block, click the Quick Presets dropdown, and select a preset: Subtle Fade In, Attention Bounce, Smooth Slide Up, Dynamic Zoom In, or Elegant Rotate.
Yes, control duration (0-3 seconds), delay (0-3 seconds), scroll offset (when animation triggers), and easing functions. Fine-tune animations for each block individually.
The plugin is designed for native Block Editor blocks. It works perfectly with Block Editor but may not support third-party page builders.
Select the animated block, open the Animation panel, and set the effect to "None" or click the Reset button. To remove all animations at once, use the Reset All Blocks option in plugin settings.
Yes, perfect for landing pages. Add scroll-triggered effects to hero sections, feature blocks, testimonials, pricing tables, and CTAs.
Upgrade to Pro
Unlock advanced features and get priority support with the Pro version.
Includes lifetime updates and 1 year of priority support.