by ska-dev 4.8 (27 reviews)

Animations for Blocks

Name: Animations for Blocks
Rating: 4.8 (27 reviews)
Author: ska-dev

Allows to add animations to block editor blocks on scroll.

Animations for Blocks ranks #1,757 among WordPress.org plugins with 10,000+ active installations, is #192 of 6,327 in the Media category, a 4.8/5 rating from 27 reviews, and was last updated Aug 20, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Compatible with WP 7.1.1

v1.2.7 Current Version v1.2.7

Updated 4 weeks ago Last Update on 20 Aug, 2026

Refreshed 9 hours ago Last Refreshed on

#192 of 6,327 in Media Top 5% by installs Downloads -38.2% this week Actively maintained

View on WordPress.org

Rank

#1,757

+1 this week

Active Installs

10K+

-36.8%

KW Avg Position

26.7

— No change

Downloads

115.4K

+106 today

Support Resolved

— No change

Rating

96%

Review 4.8 out of 5

4.8 (27 reviews)

Next Milestone 20K

Total Progress 58%

10K+ 20K+

337

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 4,202 more installs to reach 20K+

Rank Changes

Current #1,757

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.8

27 reviews

Overall 96%

25 (93%)

0 (0%)

1 (4%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Animations for Blocks. Checked 4 days ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.2.7
Last Updated: Aug 20, 2026
Requires WP: 6.6+
Tested Up To: 7.1.1
PHP Version: 8.1 or higher
Author: ska-dev

Support & Rating

Rating: ★ ★ ★ ★ ★ 4.8
Reviews: 27
Support Threads: 0
Resolved: 0%

Keywords

animate animation block gutenberg Slide

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,754

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Jetpack – WP Security, Backup, Speed, & Growth

3M+ installs

#18

Advanced Custom Fields (ACF®)

2M+ installs

#28

Image Optimization – Compress Images and Convert to WebP or AVIF

Regenerate Thumbnails

1M+ installs

#64

Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

1M+ installs

#65

Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF

View all Media plugins

TL;DR

AI summary of the plugin's readme

This plugin is for WordPress site owners using the block editor who want to animate blocks as visitors scroll. It solves the problem of adding scroll-triggered animations without needing custom code, offering configurable animation types and settings previewable directly in the editor.

Scroll-triggered block animations
Animation type selection (fade, flip, slide, zoom)
Directional variation options
Adjustable delay and duration
Advanced animation settings
Live preview in editor
Uses AOS animate on scroll library
Lightweight front-end scripts and styles

Frequently Asked Questions

Common questions about Animations for Blocks

In your selected block's inspector controls (block settings) open the "Animation" panel and select an animation. The current block should display a preview of the selected animation and further options related to that animation will become available below.

Animations for Blocks plugin works by using the Animate on Scroll (AOS) library that is mostly CSS-based with some JavaScript to handle initialization. The plugin adds attributes to block's root element that tell the AOS library how to animate it. Loading the necessary styles and scripts is also handled automatically by the plugin. Animations are not playing for me By default the plugin will not play animations for users that have the "prefers-reduced-motion" setting enabled for their device. This functionality can be turned off by enabling the "Ignore reduced motion preference" plugin option, how ever it's not recommended. Other users that don't have reduced motion preference enabled will still see the animations. Animations cause a horizontal scrollbar Since some elements are initially placed off-screen to then animate back to their normal position it can cause a scrollbar to appear. To prevent this the overflow should be hidden on one of the parent elements. Which element you should target is specific to your site. For example, you can try adding custom CSS: .wp-site-blocks { overflow: hidden; }, but you have to make sure that this doesn't break any other features on your site that require overflow being visible.

It should work with normal blocks that render a valid WP Element that can utilize the blocks.getSaveContent.extraProps filter as well as dynamic blocks that utilize a render_callback. Third party blocks that do something unorthodox may not work. Known unsupported blocks Disable block support The anfb_unsupported_blocks filter can be used in your child theme's functions.php file to disable block animation support. add_filter('anfb_unsupported_blocks', function($blocks) { $blocks[] = 'core/button'; return $blocks; });

After disabling this plugin blocks with animations can become invalid. From there you can attempt to recover the block by clicking "Attempt Block Recovery" which should remove the custom animation attributes. If you don't want to risk blocks becoming invalid you need to disable all animations before disabling the plugin. All the animated elements are invisible on the front end When none of the animated elements show up on your site it's possibly due to a JavaScript error preventing the initialization of AOS. Please open the Developer Tools (F12 on Chrome/Firefox) and look for any errors in the Console tab. You can contact support with the error message, include your site link if possible.