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.

Jakob Wiens

TZM Block Scroll Animations helps you bring your blocks to life by adding clean, expressive scroll-driven motion effects. Animate properties such as position, scale, rotation, opacity, and more — all directly within the Gutenberg Editor in just a few seconds.
<h3>Features</h3>
<ul>
<li>
Animation Editor: A clean and straightforward interface that requires no coding or scripting knowledge. Set up eye-catching scroll-based animations in just a few clicks.
</li>
<li>
Start/End-Based Animations: Animate movement, rotation, scaling, opacity, grayscale, and blur using a simple, start-to-end value workflow that keeps animation behavior predictable.
</li>
<li>
Customizable Timeline Range: Define the scroll segment that drives the animation using block selection or custom CSS selectors for maximum flexibility.
</li>
<li>
Integrated Responsive Controls: Assign different animation settings for desktop, laptop, tablet, and phone independently.
</li>
<li>
Easing Curves: Add extra refinement by using non-linear easing to adjust how animations unfold along the scroll timeline.
</li>
</ul>
<h3>Source Code</h3>
The source code for TZM Block Scroll Animations is available on GitHub! 
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.
<ul>
<li><a href="https://github.com/jakobwiens7/tzm-block-scroll-animations" rel="nofollow ugc">View on GitHub</a></li>
</ul>

TZM Block Scroll Animations

Bring your blocks to life with scroll-driven animations — easy and intuitive with no coding required!

Animicro vs TZM Block Scroll Animations