Blocks Animation: CSS Animations for Gutenberg Blocks

84 Quality Score

Active Installs

22/30

At 90,000 active installs the plugin has a solid mid-tier audience, well below the million-install block suites but strong for a single-purpose animation add-on.

Update Freshness

25/25

Last updated July 2026 and tested against WordPress 7.0, the maintenance signal is excellent and shows the developer is actively shipping.

User Rating

14/15

A 94 out of 100 from 67 ratings is a high score from a small but vocal user base, suggesting most users get exactly what they expect.

Support Health

8/15

Only 2 support threads exist, both resolved, which is a positive track record but a very thin sample that makes it hard to gauge response under heavier demand.

WP Compatibility

15/15

Compatibility scores a perfect 100 thanks to current WordPress 7.0 testing, a PHP 5.4 minimum for broad hosting support, and a WordPress 6.6 floor that still covers most installs.

Scores higher than 93% of indexed plugins

About

Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with delay and duration controls — no code needed.

Active Installs 90k+

Rating ★★★★½ 4.7/5

Last Updated 2026-09-22 1:06pm GMT

Requires WordPress 6.6+

Tested Up To 7.0.6

Requires PHP 5.4+

✓ No known vulnerabilities

What It Does

Blocks Animation adds a settings panel inside the Gutenberg block editor that lets you apply CSS-based entrance animations and scroll-triggered effects to any block, with controls for animation type, duration, and delay. It works without custom code by injecting CSS classes and keyframes directly onto the chosen blocks. The animations include common presets like fade, slide, zoom, and other transition styles.

Who It's For

This plugin fits content publishers, marketers, and small business owners using Gutenberg who want to add visual motion to landing pages, product showcases, or editorial posts without touching CSS or hiring a developer. It is well suited for sites with 90,000 or fewer installs that need lightweight animation rather than a full page builder. Beginners comfortable with the block editor's sidebar controls will get the most value.

Who Should Skip It

If you already use a block suite like Spectra, Kadence Blocks, or GenerateBlocks that includes built-in animation controls, this plugin adds overlap and another settings layer you do not need. Developers who prefer writing custom CSS or using a framework like GSAP will find the preset library too limited to justify the install.

The Bottom Line

Blocks Animation earns an 83.79 quality score by doing one thing well: layering CSS animations onto Gutenberg blocks with a clean, no-code interface. The combination of recent updates, perfect compatibility, and strong ratings outweighs the limited support history. For users who want focused animation without the bloat of a full block suite, it is a solid pick.

Pick WPCode if you want a code-snippet manager that can also inject custom animation CSS site-wide, useful for developers who prefer writing their own keyframes.

Spectra Legacy – Gutenberg Blocks 95/100

Pick Spectra if you want animation features bundled into a much larger Gutenberg block library with over 1 million installs.

Kadence Blocks — Page Builder Toolkit for Gutenberg Editor 89/100

Pick Kadence Blocks if you need animation alongside a full design toolkit including rows, forms, and advanced typography controls.

Code Snippets 88/100

Pick Code Snippets if you would rather paste in your own CSS or JS animation snippets and manage them from a dedicated snippets UI.

PublishPress Blocks 88/100

Pick PublishPress Blocks if you need block-level animation together with editorial controls like visibility rules and permissions.