Scroll Animations for Blocks

Scroll Animations for Gutenberg allows you to add smooth scroll animations to any block in the WordPress editor. Each block can be configured with its own animation settings, including threshold, duration, and delay.

Features

• Add scroll animations to any Gutenberg block
• Customizable animation settings per block: Enable/disable animation
• Threshold (when the animation triggers)
• Duration (how long the animation lasts)
• Delay (when the animation starts)

Lightweight and performance optimized Uses Intersection Observer API for smooth performance

Usage

1. 01Edit any post or page with the WordPress editor
2. 02Select any block
3. 03In the block settings sidebar, look for the “Scroll Animation” panel
4. 04Enable the animation and adjust the settings as needed: Threshold: When the block should start animating (0-1)
5. 05Duration: How long the animation should last (0-5000ms)
6. 06Delay: When the animation should start (0-5000ms)

Development

This plugin uses @wordpress/scripts for development. To get started:

1. 07Clone the repository
2. 08Run npm install
3. 09Run npm run start for development
4. 10Run npm run build for production build

Requirements

• WordPress 5.0 or higher
• Modern web browser with Intersection Observer API support

License

GPL v3 or later

Author

Simply Dev