AJO Animate
AJO Animate is a lightweight, performance-optimized WordPress plugin that allows you to animate elements simply by adding CSS classes. Instead of loading heavy libraries like jQuery or full animate.css files, this plugin uses the modern browser IntersectionObserver API to keep your site lightning fa
AJO Animate is a lightweight, performance-optimized WordPress plugin that allows you to animate elements simply by adding CSS classes.
Instead of loading heavy libraries like jQuery or full animate.css files, this plugin uses the modern browser IntersectionObserver API to keep your site lightning fast. Animations trigger only once when the element enters the viewport (15% threshold), saving browser resources.
It uses a unique ajoanim- prefix for all classes, functions, and files to ensure zero conflicts with other themes or plugins.
Available Animations
- Slide: ajoanim-slide-left , ajoanim-slide-right , ajoanim-slide-up , ajoanim-slide-down
- Zoom: ajoanim-zoom-in , ajoanim-zoom-out
- Fade: ajoanim-fade-in , ajoanim-fade-out
- Misc: ajoanim-flash
How to Use
- 01Go to AJO Animate in your WordPress admin menu to see the full class reference.
- 02Edit any page or post.
- 03Select a block (e.g., a Group, Paragraph, Image, or Heading block).
- 04Under the block settings panel (typically in the Advanced section), paste the desired animation class (e.g., ajoanim-fade-in ) into the “Additional CSS class(es)” field.
- 05Save and preview your page!
A closer look.
- 01Upload the ajo-animate folder to the /wp-content/plugins/ directory.
- 02Activate the plugin through the ‘Plugins’ menu in WordPress.
- 03
