Description
After years of doing the manual work, I’ve come up with a plugin that I have been re-using in my own web projects for some time now.
This plugin takes great work by @michalsnik with his Animate on Scroll Library (AOS) and adds it to the most common Gutenberg blocks.
This is a open library with simple fields so that you can adjust the animations to every possible option. Animation controls are added to:
- group
- columns
- cover
- image
- media-text
- gallery
- embed
- paragraph
- heading
Don’t see the block you need or programmed a custom block? Just put it inside a group to give you full animation control.
Screenshots
FAQ
What blocks does it work with
- group
- columns
- cover
- image
- media-text
- gallery
- embed
- paragraph
- heading
Don’t see the block you need or programmed a custom block? Just put it inside a group to give you full animation control.
What animation features can you control?
- style
- duration
- easing
- delay
- offset
- anchor (that triggers the animation)
- anchor placement
- once – single execution
- mirror – animate out when scrolling past
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Ani-Mate Gutenberg Animation Extension” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Ani-Mate Gutenberg Animation Extension” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.2.0
- Fix: the block-editor extension script was enqueued with
enqueue_block_assets, which also runs on the front end. Every public page loaded the full block-editor JavaScript stack (several MB). It is now enqueued withenqueue_block_editor_assetsand loads in the editor only. - The editor script now reads its dependencies and version from the generated
build/index.asset.php. - New filter
mvam_animate_enqueue_frontend(bool) to skip loading the AOS library on requests that don’t need it. - New filter
mvam_animate_aos_optionsto pass options (duration, once, offset, etc.) toAOS.init(). - Front-end scripts/styles are now versioned (better cache busting on updates).
- Tested up to WordPress 7.1. Requires at least 6.6 (the editor build depends on the React JSX runtime shipped with 6.6).
1.1.0
- Updated for WordPress 6.9+ compatibility
- Modernized JavaScript code with ES6 imports
- Updated npm dependencies to latest versions
- Improved PHP requirements to 7.4+
- Fixed package name typo
- Enhanced block editor dependencies
1.0.1
- Fix variable name
- Tested for WP 6.3
1.0.0
- Initial launch of app to WP