Description
WM Animations is a lightweight plugin that enhances your block editor with simple entrance animations like fade-in and slide-in. You can select animation type and adjust duration/delay per block, directly in the block inspector. Works well with all core blocks and most custom blocks.
Features
- Fade-in, slide-in-up, left, right, down.
- Block editor integration – no coding required.
- Control duration and delay of each animation.
- Works with most themes and blocks.
- Lightweight – minimal CSS/JS.
Installation
- Upload the plugin folder to the
/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Edit any block in the block editor, open the “Animation” panel in the sidebar.
FAQ
-
Will this work with any block?
-
It works with all core blocks and most custom blocks that support custom attributes.
-
Can I disable animations on mobile?
-
Currently not, but this is planned for a future version.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“WM Animations” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “WM Animations” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- First public release.
- Adds animation settings panel in block editor.
- Supports fade-in, slide-in-left/right/up.
- Includes basic animation duration control.
1.1
- Improved performance of animation triggers.
- Added support for fade-in-down.
- Minor bug fixes for Safari.
1.2
- Added option to disable animations on mobile.
- Improved accessibility (ARIA attributes).
- Updated translation support.
1.3
- Animation preview added inside editor.
- Duration control slider UI improved.
- CSS cleanup and optimization.
2.0
- Major code refactor for better stability.
- Block editor controls rewritten using hooks.
- Support for custom easing values.
2.1
Adds delay control and improves compatibility with modern block themes. Recommended update.
2.5
Major update. Replaces wm-animations.js with a new data attribute-based animation script.
Animations now use data-animate="animation" instead of CSS classes for cleaner markup and more predictable behavior.
Improved performance and flexibility for custom animation handling.