Title: AJO Animate
Author: Ali J Online
Published: <strong>ayidosun 30, 2026</strong>
Last modified: ayidosun 30, 2026

---

Search plugins

![](https://ps.w.org/ajo-animate/assets/banner-772x250.png?rev=3591544)

![](https://ps.w.org/ajo-animate/assets/icon-256x256.png?rev=3591544)

# AJO Animate

 By [Ali J Online](https://profiles.wordpress.org/wgs2026/)

[Download](https://downloads.wordpress.org/plugin/ajo-animate.1.0.zip)

 * [Details](https://fon.wordpress.org/plugins/ajo-animate/#description)
 * [Reviews](https://fon.wordpress.org/plugins/ajo-animate/#reviews)
 *  [Installation](https://fon.wordpress.org/plugins/ajo-animate/#installation)
 * [Development](https://fon.wordpress.org/plugins/ajo-animate/#developers)

 [Support](https://wordpress.org/support/plugin/ajo-animate/)

## Description

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

 1. Go to **AJO Animate** in your WordPress admin menu to see the full class reference.
 2. Edit any page or post.
 3. Select a block (e.g., a Group, Paragraph, Image, or Heading block).
 4. Under 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.
 5. Save and preview your page!

## Screenshots

[[

## Installation

 1. Upload the `ajo-animate` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Navigate to ‘AJO Animate’ in your admin dashboard for instructions and a list of
    available CSS classes.

## FAQ

### Does this affect my website’s performance?

No! It is built with vanilla JavaScript and the IntersectionObserver API, which 
is highly optimized for modern browsers compared to older scroll-event listeners.

### Can I change the animation duration?

By default, all animations take 1 second. You can override this in your theme’s 
Custom CSS by targeting `.ajoanim-trigger { animation-duration: 0.5s !important;}`.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“AJO Animate” is open source software. The following people have contributed to 
this plugin.

Contributors

 *   [ Ali J Online ](https://profiles.wordpress.org/wgs2026/)

[Translate “AJO Animate” into your language.](https://translate.wordpress.org/projects/wp-plugins/ajo-animate)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/ajo-animate/), check
out the [SVN repository](https://plugins.svn.wordpress.org/ajo-animate/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/ajo-animate/) by
[RSS](https://plugins.trac.wordpress.org/log/ajo-animate/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.0**
 *  Last updated **1 day ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/ajo-animate/)
 * Tags
 * [animate on scroll](https://fon.wordpress.org/plugins/tags/animate-on-scroll/)
   [animation](https://fon.wordpress.org/plugins/tags/animation/)[CSS Animation](https://fon.wordpress.org/plugins/tags/css-animation/)
   [lightweight](https://fon.wordpress.org/plugins/tags/lightweight/)[scroll animation](https://fon.wordpress.org/plugins/tags/scroll-animation/)
 *  [Advanced View](https://fon.wordpress.org/plugins/ajo-animate/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/ajo-animate/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/ajo-animate/reviews/)

## Contributors

 *   [ Ali J Online ](https://profiles.wordpress.org/wgs2026/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/ajo-animate/)