Blocks Animation: CSS Animations for Gutenberg Blocks

Descripción

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.

Capturas

  • Block Animations

Reseñas

8 de julio de 2025 1 respuesta
Good for a lazy building, no need to drown in js + css & it is still lightweight.
28 de junio de 2025 1 respuesta
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 de mayo de 2025 1 respuesta
This is really easy to use and works really well. It adds a lot more life to a website.
Leer todas las 54 reseñas

Colaboradores y desarrolladores

«Blocks Animation: CSS Animations for Gutenberg Blocks» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Blocks Animation: CSS Animations for Gutenberg Blocks» ha sido traducido a 8 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Blocks Animation: CSS Animations for Gutenberg Blocks» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

You can check the changelog here.