Title: Simple Block Animations Author: Valentin Grenier Published: ဒီဇင်ဘာ 12၊ 2025 Last modified: မတ် 5၊ 2026 --- Search plugins ![](https://s.w.org/plugins/geopattern-icon/simple-block-animations.svg) # Simple Block Animations By [Valentin Grenier](https://profiles.wordpress.org/valentingrenier/) [Download](https://downloads.wordpress.org/plugin/simple-block-animations.2.0.7.zip) * [Details](https://mya.wordpress.org/plugins/simple-block-animations/#description) * [Reviews](https://mya.wordpress.org/plugins/simple-block-animations/#reviews) * [Installation](https://mya.wordpress.org/plugins/simple-block-animations/#installation) * [Development](https://mya.wordpress.org/plugins/simple-block-animations/#developers) [Support](https://wordpress.org/support/plugin/simple-block-animations/) ## Description Simple block animations adds scroll-triggered animations to WordPress Gutenberg blocks without any coding required. **Features:** * 5 animation types (fade, slide up/down/left/right) * Customizable duration and delay * Works with all blocks (core, third-party, and custom blocks) * Lightweight (CSS + Intersection Observer) * No jQuery or heavy libraries * Accessibility-friendly (respects prefers-reduced-motion) **Supported Blocks:** Works with all WordPress blocks, including core blocks, third-party blocks, and custom blocks. **Development:** The source code for this plugin is available on GitHub: https://github.com/valentin- grenier/simple-animations-for-gutenberg The plugin uses npm and webpack to compile JavaScript and CSS files. Source files are located in the `src/` directory, and compiled files are in the `build/` directory. To build from source: 1. Install dependencies: `npm install` 2. Build for production:` npm run build` 3. Build for development: `npm run dev` ## Installation 1. Upload the plugin files to `/wp-content/plugins/simple-block-animations/` 2. Activate the plugin through the ‘Plugins’ screen in WordPress 3. Select any block in Gutenberg 4. Open the block settings panel 5. Find the “ Animations” section 6. Enable animation and customize ## FAQ ### Does it work with any theme? Yes! The plugin works with any WordPress theme that supports Gutenberg. ### Does it slow down my site? No. The plugin uses native CSS animations and Intersection Observer API. Assets only load on pages with animated blocks. ### Can I use it with page builders? It’s designed for Gutenberg blocks. It won’t work with Elementor, Divi, or other page builders. ### Can I set default animations for my custom blocks? Yes! Developers can add animation attributes to their block.json file. Add `isAnimated`,` animationType`, `animationDuration`, and `animationDelay` attributes with your desired defaults. The plugin will respect these values, automatically enabling animations when the block is inserted. Available animation types: fade-in, fade-in-up, fade- in-down, fade-in-left, fade-in-right. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Simple Block Animations” is open source software. The following people have contributed to this plugin. Contributors * [ Valentin Grenier ](https://profiles.wordpress.org/valentingrenier/) [Translate “Simple Block Animations” into your language.](https://translate.wordpress.org/projects/wp-plugins/simple-block-animations) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/simple-block-animations/), check out the [SVN repository](https://plugins.svn.wordpress.org/simple-block-animations/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/simple-block-animations/) by [RSS](https://plugins.trac.wordpress.org/log/simple-block-animations/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.7 * Prepared plugin for 7.0 version #### 2.0.6 * Prepared plugin for 7.0 version #### 2.0.5 * Prepared plugin for 7.0 version #### 2.0.4 * Prepared plugin for 7.0 version #### 2.0.2 * Updated documentation with “ For developers” section regarding default animation attributes for custom blocks #### 2.0.0 * Respected pre-existing animation attributes from block.json to allow default animations in custom blocks #### 1.2.1 * Update to version 1.2.1 #### 1.2.0 * Update to version 1.2.0 #### 1.2.0 * Added dynamic blocks support #### 1.1.2 * Added support for all block types #### 1.1.1 * Update to version 1.1.1 #### 1.0.0 * Initial release * 5 animation types * Duration and delay controls * Support for core and Meta Box blocks ## Meta * Version **2.0.7** * Last updated **2 လ ago** * Active installations **Fewer than 10** * WordPress version ** 5.8 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/simple-block-animations/) * Tags * [animation](https://mya.wordpress.org/plugins/tags/animation/)[blocks](https://mya.wordpress.org/plugins/tags/blocks/) [effects](https://mya.wordpress.org/plugins/tags/effects/)[gutenberg](https://mya.wordpress.org/plugins/tags/gutenberg/) [scroll](https://mya.wordpress.org/plugins/tags/scroll/) * [Advanced View](https://mya.wordpress.org/plugins/simple-block-animations/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/simple-block-animations/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/simple-block-animations/reviews/) ## Contributors * [ Valentin Grenier ](https://profiles.wordpress.org/valentingrenier/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/simple-block-animations/)