Blocks Animation: CSS Animations for Gutenberg Blocks

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.

Captures d’écrans

  • Block Animations

Avis

8 juillet 2025 1 réponse
Good for a lazy building, no need to drown in js + css & it is still lightweight.
28 juin 2025 1 réponse
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!
20 mai 2025 1 réponse
This is really easy to use and works really well. It adds a lot more life to a website.
Lire les 54 avis

Contributeurs/contributrices & développeurs/développeuses

« Blocks Animation: CSS Animations for Gutenberg Blocks » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Blocks Animation: CSS Animations for Gutenberg Blocks” a été traduit dans 8 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Blocks Animation: CSS Animations for Gutenberg Blocks » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

You can check the changelog here.