Directory / plugin

Simple Block Animations

v2.1.0 · by Valentin Grenier

Add beautiful scroll-triggered animations to any Gutenberg block with a simple, lightweight solution.

About this plugin

Simple block animations adds scroll-triggered animations to WordPress Gutenberg blocks without any coding required.

Features:

  • 7 animation types (fade, fade up/down/left/right, zoom in, slide up)
  • 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-block-animations

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

Plugin tags