Plugin Directory

Blocks Animation: CSS Animations for Gutenberg Blocks

By Hardeep Asrani

Support

Description

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.

Screenshots

Block Animations

Reviews

stevegek July 30, 2026 1 reply

Easy 5/5. No issues. No bloat. Just a lightweight plugin that does exactly what I want, has mega logical controls and looks fantastic. Thank you so much man. Can I get you a coffee or so? Only request I’d have is for Fade/Slide to have settings so it only has a minimal slide. Slide distance/speed or something like that. But my website looks already a lot less static with just the fade. Thanks once more. AWESOME plugin!

Shaan June 29, 2026 1 reply

I tried several plugins for block animations. This one is best and bloat-free.

Cyrille Sanson June 17, 2026 1 reply

Thanks a lot.That was the plugin I’was looking for.

herenow7 April 17, 2026 1 reply

The joy of moving elements on your website to bring it to life. Very easy to use. Great results

K. M. December 29, 2025 1 reply

Great plugiun, very easy to use!

stirrell42 November 19, 2025 1 reply

This is a great plugin to add some nice animation to your blocks. Very simple to use and has a lot of options for the animations.

Read all 68 reviews

Contributors & Developers

“Blocks Animation: CSS Animations for Gutenberg Blocks” is open source software. The following people have contributed to this plugin.

“Blocks Animation: CSS Animations for Gutenberg Blocks” has been translated into 10 locales. Thank you to the translators for their contributions.

Translate “Blocks Animation: CSS Animations for Gutenberg Blocks” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

You can check the changelog here.

Version 3.2.1
Last updated 1 week ago
Active installations 90,000+
WordPress version 6.6 or higher
Tested up to 7.0.2
PHP version 5.4 or higher
Languages

Czech, Dutch, Dutch (Belgium), English (UK), English (US), French (France), German, Japanese, Spanish (Chile), Spanish (Spain), and Swedish.

Translate into your language
Tags
animation css effects gutenberg blocks transitions
Advanced View

Ratings

4.7 out of 5 stars.

See all reviews