Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsi...
Free
300k+ installs 4.5★ (68)
Animate on Scroll
Animate any Elements on scroll using the popular AOS JS library simply by adding class names.
The facts
- Rating
- 4.3★ from 6
- Active installs
- 4k+
- Price
- Free
- Last updated
- 8 Apr 2024
- Added
- Feb 2023
- Requires WP
- 5.8
- Tested up to
- WP 6.5.10
- Requires PHP
- 7.4
- Downloads
- 23,945
Our analysis
AI-assistedAnimate on Scroll is a WordPress plugin that allows you to add animations to elements as they come into view while scrolling. It integrates with the AOS JavaScript library, enabling you to apply predefined animations by simply adding specific class names to your elements. This plugin is compatible with the native Gutenberg editor and various page builders, such as GenerateBlocks and Elementor, which support custom class names.
The plugin offers a range of animations, including fade, flip, slide, and zoom effects. To use an animation, you add the appropriate 'aos-' prefixed class to your element, and the plugin automatically applies the corresponding attributes. This tool is suitable for users looking to enhance the visual appeal of their WordPress sites with scroll-triggered animations.
Best for: This plugin is best for WordPress users wanting to add animated effects to their website elements.
What it does well
- ✓Integrates easily with the AOS JS library
- ✓Compatible with Gutenberg and popular page builders
- ✓Supports a variety of predefined animations
- ✓Free to use from the WordPress.org directory
- ✓Regularly updated, with the latest update in April 2024
Where it falls short
- •Limited information on advanced features or customisation options
- •No detailed user documentation provided in the input
Verdict
Animate on Scroll provides a straightforward way to implement scroll animations on a WordPress site. It is useful for those looking to enhance user engagement through visual effects.
From the developer
Arya Dhiratara's own description of Animate on Scroll, lightly tidied.
Animate any Elements on scroll using the popular AOS JS library simply by adding class names.
This plugin helps you integrate easily with AOS JS library to add any AOS animations (on scroll animation) to WordPress.
It should work well with the native gutenberg core blocks or any page builder (tested with GenerateBlocks and Elementor) that provides an input field for adding custom class names to elements.
About AOS
AOS is a small JavaScript library built by Michał Sajnóg that allows you to add animated effects to HTML elements when they come into view as the user scrolls down a webpage. AOS provides a set of predefined animations using CSS that can be easily applied to elements using simple data attributes in the HTML code.
Check out the AOS demo and documentation.
How to add Animations?
Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.
Fade animations:
- fade: aos-fade
- fade-up: aos-fade-up
- fade-down: aos-fade-down
- fade-left: aos-fade-left
- fade-right: aos-fade-right
- fade-up-right: aos-fade-up-right
- fade-up-left: aos-fade-up-left
- fade-down-right: aos-fade-down-right
- fade-down-left: : aos-fade-down-left
Flip animations:
- flip-up: aos-flip-up
- flip-down: aos-flip-down
- flip-left: aos-flip-left
- flip-right: aos-flip-right
Slide animations:
- slide-up: aos-slide-up
- slide-down: aos-slide-down
- slide-left: aos-slide-left
- slide-right: aos-slide-right
Zoom animations:
- zoom-in: aos-zoom-in
- zoom-in-up: aos-zoom-in-up
- zoom-in-down: aos-zoom-in-down
- zoom-in-left: aos-zoom-in-left
- zoom-in-right: aos-zoom-in-right
- zoom-out: aos-zoom-out
- zoom-out-up: aos-zoom-out-up
- zoom-out-down: aos-zoom-out-down
- zoom-out-left: aos-zoom-out-left
- zoom-out-right: aos-zoom-out-right
Tagged as
industry
Library & Archive
purpose
Animations & Effects
Alternatives
Other plugins for animations.
Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with d...
Free
90k+ installs 4.7★ (69)
Create WordPress websites with free forms, Gutenberg blocks, popups, sliders, countdowns, animations, pre-buil...
Free
80k+ installs 4.9★ (22)
Add creative image hover effects to Elementor page builder. Easily customize title and content and effects wit...
Free
40k+ installs 4.9★ (83)
Easy to use advanced Parallax, Image and Video backgrounds block plugin with parallax and video support.
Free
30k+ installs 4.8★ (44)
Elevate your website game with the Bricksable collection of premium elements for Bricks Builder. Designed to s...
Free
10k+ installs 5★ (61)