Title: Blocks Animation: CSS Animations for Gutenberg Blocks Author: Hardeep Asrani Published: April 30, 2019 Last modified: July 22, 2026 --- Search plugins ![](https://ps.w.org/blocks-animation/assets/icon-256x256.png?rev=2619319) # Blocks Animation: CSS Animations for Gutenberg Blocks By [Hardeep Asrani](https://profiles.wordpress.org/hardeepasrani/) [Download](https://downloads.wordpress.org/plugin/blocks-animation.3.2.1.zip) * [Details](https://wordpress.org/plugins/blocks-animation/#description) * [Reviews](https://wordpress.org/plugins/blocks-animation/#reviews) * [Development](https://wordpress.org/plugins/blocks-animation/#developers) [Support](https://wordpress.org/support/plugin/blocks-animation/) ## 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⌉⌊Block Animations⌉[ Block Animations ## Reviews ![](https://secure.gravatar.com/avatar/e46f92df5cd5f1939d2507adfd677ecd75a505f208cb272edf7f63adba1c1f6e? s=60&d=retro&r=g) ### 󠀁[Clean, well made.](https://wordpress.org/support/topic/clean-well-made/)󠁿 [stevegek](https://profiles.wordpress.org/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! ![](https://secure.gravatar.com/avatar/cf5fb081627a44101d427d4e51bc4bb3ab0a6464b1c5f8b2ce03439e79938d56? s=60&d=retro&r=g) ### 󠀁[Best one](https://wordpress.org/support/topic/best-one-141/)󠁿 [Shaan](https://profiles.wordpress.org/yafarhad/) June 29, 2026 1 reply I tried several plugins for block animations. This one is best and bloat-free. ![](https://secure.gravatar.com/avatar/989824b0e7508599671c7f979acc5f858c1a8313c0ae0e6a11a5d26bb3639805? s=60&d=retro&r=g) ### 󠀁[Perfect plugin](https://wordpress.org/support/topic/perfect-plugin-1470/)󠁿 [Cyrille Sanson](https://profiles.wordpress.org/css31/) June 17, 2026 1 reply Thanks a lot.That was the plugin I’was looking for. ![](https://secure.gravatar.com/avatar/64b157e388f86ebbda97c0ad648f5e4e9ac667f08d9779833266410482ff7472? s=60&d=retro&r=g) ### 󠀁[Very simple and easily useful](https://wordpress.org/support/topic/very-simple-and-easily-useful/)󠁿 [herenow7](https://profiles.wordpress.org/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 ![](https://secure.gravatar.com/avatar/19f8315bc688876153b99a9c4022265822c5e89b573279dd7a2e09ecc5c336de? s=60&d=retro&r=g) ### 󠀁[Excellent Plugin!](https://wordpress.org/support/topic/excellent-plugin-9771/)󠁿 [K. M.](https://profiles.wordpress.org/blarney27/) December 29, 2025 1 reply Great plugiun, very easy to use! ![](https://secure.gravatar.com/avatar/0aaa2c3a0bd2915cbeddca59d0762691478a1d17e846124ae9ce2e3cf7577104? s=60&d=retro&r=g) ### 󠀁[Really nice](https://wordpress.org/support/topic/really-nice-204/)󠁿 [stirrell42](https://profiles.wordpress.org/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 ](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## Contributors & Developers “Blocks Animation: CSS Animations for Gutenberg Blocks” is open source software. The following people have contributed to this plugin. Contributors * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) * [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/) “Blocks Animation: CSS Animations for Gutenberg Blocks” has been translated into 10 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/blocks-animation/contributors) for their contributions. [Translate “Blocks Animation: CSS Animations for Gutenberg Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/blocks-animation/), check out the [SVN repository](https://plugins.svn.wordpress.org/blocks-animation/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/blocks-animation/) by [RSS](https://plugins.trac.wordpress.org/log/blocks-animation/?limit=100&mode=stop_on_copy&format=rss). ## Changelog You can check the changelog [here.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md) ## Meta * 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](https://cs.wordpress.org/plugins/blocks-animation/), [Dutch](https://nl.wordpress.org/plugins/blocks-animation/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/blocks-animation/), [English (UK)](https://en-gb.wordpress.org/plugins/blocks-animation/), [English (US)](https://wordpress.org/plugins/blocks-animation/), [French (France)](https://fr.wordpress.org/plugins/blocks-animation/), [German](https://de.wordpress.org/plugins/blocks-animation/), [Japanese](https://ja.wordpress.org/plugins/blocks-animation/), [Spanish (Chile)](https://cl.wordpress.org/plugins/blocks-animation/), [Spanish (Spain)](https://es.wordpress.org/plugins/blocks-animation/), and [Swedish](https://sv.wordpress.org/plugins/blocks-animation/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) * Tags * [animation](https://wordpress.org/plugins/tags/animation/)[css](https://wordpress.org/plugins/tags/css/) [effects](https://wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://wordpress.org/plugins/tags/gutenberg-blocks/) [transitions](https://wordpress.org/plugins/tags/transitions/) * [Advanced View](https://wordpress.org/plugins/blocks-animation/advanced/) ## Ratings 4.7 out of 5 stars. * [ 61 5-star reviews ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=5) * [ 2 4-star reviews ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=4) * [ 2 3-star reviews ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=2) * [ 3 1-star reviews ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/blocks-animation/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## Contributors * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) * [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/) ## Support Issues resolved in last two months: 2 out of 2 [View support forum](https://wordpress.org/support/plugin/blocks-animation/)