jorgemml

Animicro lets you add high-end animations (Awwwards-style) with minimal performance impact. Enable modules in the panel, apply classes like <code>.am-fade</code>, <code>.am-scale</code>, or <code>.am-slide-up</code> in your Page Builder, and you’re done.
Philosophy: Utility-first. No complex interfaces, no timelines. Just classes and <code>data-am-*</code> attributes.
<h4>Free modules</h4>
<ul>
<li>Fade (<code>.am-fade</code>) — Smooth appearance with opacity</li>
<li>Scale (<code>.am-scale</code>) — Scales from small to full size</li>
<li>Slide Up (<code>.am-slide-up</code>) — Slides up when appearing</li>
<li>Slide Down (<code>.am-slide-down</code>) — Slides down when appearing</li>
<li>Slide Left (<code>.am-slide-left</code>) — Slides in toward the left (from the right edge)</li>
<li>Slide Right (<code>.am-slide-right</code>) — Slides in toward the right (from the left edge)</li>
<li>Skew Up (<code>.am-skew-up</code>) — Slides up with a slight skew that straightens as it stops (Stripe / Vercel-style)</li>
<li>Float (<code>.am-float</code>) — Infinite soft up/down floating motion (continuous)</li>
<li>Pulse (<code>.am-pulse</code>) — Infinite gentle scale pulse — breathing-like (continuous)</li>
<li>Highlight (<code>.am-highlight</code>) — Animated marker highlight behind text on entry</li>
<li>Typewriter (<code>.am-typewriter</code>) — Types text character by character with a blinking cursor</li>
<li>Zoom Hover (<code>.am-hover-zoom</code>) — Image scales up smoothly on hover (parent needs <code>overflow: hidden</code>)</li>
</ul>
Each module has its own settings panel with live preview so you can tune duration, easing, delay, and activation margin without leaving the admin.
<h4>Pro modules (available with Animicro Pro)</h4>
Blur, Stagger, Grid Reveal, Text Fill on Scroll, Parallax, Image Parallax (window effect), Split Text, and Text Reveal. Plus Smooth Scroll and a Cheat Sheet reference panel. Learn more at <a href="https://animicro.com" rel="nofollow ugc">animicro.com</a>.
<h4>Builder compatibility</h4>
Works with Elementor, Bricks, Breakdance, Oxygen, Divi, and Gutenberg. Dynamic inline CSS adapts per builder so elements stay visible inside editors and animations only run on the live frontend.
<h4>Advanced</h4>
Under Animicro → Advanced you can enable Respect Reduced Motion (skips JS-driven animations when the visitor prefers reduced motion) and Debug Mode (outlines <code>.am-*</code> elements and logs script timing in the browser console).
<h3>External Services</h3>
This plugin does not connect to any external services. All animation logic runs 
locally in the visitor’s browser using JavaScript bundled with the plugin.
No data is collected, transmitted, or stored outside your WordPress installation.
<h3>Source Code</h3>
This plugin includes compiled JavaScript and CSS built with Vite from React (admin panel) and vanilla JS (frontend animations). The full, uncompressed source code is available at:
https://github.com/infojorgeml/animicro

Animicro

Utility-first micro-animations for WordPress. Simple CSS classes, extreme performance.

ACTUS anima

<h4>Animate any element on your page.</h4>

Setup motion in a timeline for any element on your page.
ACTUS Motion is a unique plugin that lets you give life to your webpages. A professional timeline lets you refine your motion timing and parameters. Animation can begin playing on page load, when the element is revealed on screen after scrolling or when the element clicked or hovered. 

<h4>Features</h4>
<ul>
<li>MOVE, ROTATE, SCALE, FADE, BLUR any element on your screen.</li>
<li>Seperate timing for each motion track.</li>
<li>Drag motion tracks in the timeline to adjust animation timing.</li>
<li>Customize parameters for every motion track.</li>
<li>Animate elements IN or OUT of their original position.</li>
<li>Adjust the zoom of the timeline view.</li>
<li>Multiple timelines for multiple elements.</li>
<li>Customize the animation starting event (on load, on reveal, on click, on hover).</li>
</ul>
<h3>Usage</h3>
In the bottom of the edit post/page screen, you can see the ACTUS Motion Metabox. 
 
* Click on the ADD ITEM button to add a motion item. 
* Enter an element id or class name in the ELEMENT field (eg: ‘#example’ or ‘.example’). 
* Select the starting event (on page load, on reveal after scroll, on click, on hover). 
* Select animate OUT if you want to animate the element away of its original position. 
* Select a motion track (move,zoom,rotate,fade,blur). 
* Click the ADD MOTION button to add the motion track to the timeline. 
* Drag the motion track to adjust its starting time. 
* Drag the motion track right edge to adjust its duration. 
* Click on the icon on the left of the motion track, to open the parameters. 
* Add as many motion tracks as you want. 
* Update the post or page to save the changes. 
 
Now you can preview your post/page and watch the motion you have applied.
You can find more details about the plugin settings in our website <a href="http://wp.actus.works/actus-motion/" title="ACTUS WordPress Plugins" rel="nofollow ugc">ACTUS Motion</a>.

ACTUS Motion

Animate any element on your page. A professional timeline lets you refine your motion timing and parameters. Animation can begin playing on page load, …

Animicro vs ACTUS Motion