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

dkatelier liyasun 8, 2025 1 reply

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

Paolo Beccari ayidosun 28, 2025 1 reply

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!