Discover, trust, install: FAIR 1.0 is here

Blocks Animation: CSS Animations for Gutenberg Blocks

by Hardeep Asrani

Version: 3.1.2

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

Good plugin

By Themico on August 19, 2025

One improvement I can suggest. When I open the dropdown to search the effect I want to apply. I have the browser popup with autocomplete suggestions. I am not sure if that can be avoided at all. But if it is, would be great.

Easy To Use

By denzilj on August 18, 2025

Great variety of easy to use animations. Perfect for adding that extra layer of customization to make your website stand out from the competition. Very lightweight. Recommended.

Useful

By dkatelier on July 8, 2025

Good for a lazy building, no need to drown in js + css & it is still lightweight.

Powerful & lightweight UX booster

By Paolo Beccari (paolobeccari) on June 28, 2025

I've been using this fabulous plugin on several projects and multiple FSE themes.
In more then one year I had hardly no issues with this plugin.
Based solely on CSS animations, does not load heavy JavaScript libraries or perform processing on the server, but adds simple CSS classes and transition effects.

It's lightning-fast! Just refrain from adding too many animations at once: which would deteriorate the user experience and inevitably slow down the browser...

Great in header animations, logo animation and much more, specially when combined with "sticky" position function which is native on FSE.
It's saving me from writing lots of custom CSS lines and related bug fixes.
Great job! Long life to Blocks Animation!