Beschreibung
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 core blocks
- Lightweight (CSS + Intersection Observer)
- No jQuery or heavy libraries
- Accessibility-friendly (respects prefers-reduced-motion)
Supported Blocks:
Works with all WordPress core blocks and Meta Box 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
- Upload the plugin files to
/wp-content/plugins/simple-block-animations/ - Activate the plugin through the ‚Plugins‘ screen in WordPress
- Select any block in Gutenberg
- Open the block settings panel
- Find the „Animations“ section
- 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.
Rezensionen
There are no reviews for this plugin.
Mitwirkende & Entwickler
„Simple block animations“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
MitwirkendeÜbersetze „Simple block animations“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.0.0
- Initial release
- 5 animation types
- Duration and delay controls
- Support for core and Meta Box blocks