Animate Elementor adds smooth scroll-based animations to Elementor widgets and sections using AOS — no coding required.

SpiderWares

harshilitaliya

<p>Animate Elementor is a lightweight and powerful animation plugin for Elementor that lets you add beautiful scroll-based animations to any Elementor widget or section — no coding required. built on the reliable AOS (Animate On Scroll) library, this plugin brings your pages to life with professional animation effects like fade, slide, zoom, flip, and more. Whether you’re using Elementor Free or Pro, you can easily control animations with intuitive settings right inside the Elementor editor.</p>
<p>🔹 <strong>No coding needed</strong> – just simple controls inside Elementor.<br />
🔹 <strong>Fast and lightweight</strong> – optimized for performance.<br />
🔹 <strong>Compatible</strong> with Elementor Free and Pro versions.</p>
<h3>Background Animations</h3>
<p>⭐ <code>waves</code> – flowing animated wave effect, perfect for headers and hero sections<br />
⭐ <code>fog</code> – soft, ambient fog effect for immersive backgrounds<br />
⭐ <code>dots</code> – minimalist dot pattern with smooth motion<br />
⭐ <code>net</code> – interactive network of dots and lines, responds to mouse movement<br />
⭐ <code>cells</code> – organic, pulsing cell-like blobs, great for science or abstract visuals<br />
⭐ <code>halo</code> – radiant pulsating glow in a circular halo effect<br />
⭐ <code>globe</code> – animated 3D globe made of particles and lines<br />
⭐ <code>rings</code> – floating 3D rings rotating in space<br />
⭐ <code>birds</code> – flocks of animated birds flying across your screen<br />
⭐ <code>dotWave</code> – wave animation created from dots, subtle and modern<br />
⭐ More background effects coming soon…<br />
⭐ <strong>Need a custom animation effect?</strong> We’re happy to help — reach out at <strong><a href="mailto:hello@spiderwares.com" rel="nofollow ugc">hello@spiderwares.com</a></strong>.</p>
<h3>Scroll Animations</h3>
<p>🌫️ <code>fade</code><br />
⬆️ <code>fade-up</code> ⬇️ <code>fade-down</code> ⬅️ <code>fade-left</code> ➡️ <code>fade-right</code><br />
🔼 <code>fade-up-right</code> 🔽 <code>fade-up-left</code> ◀️ <code>fade-down-right</code> ▶️ <code>fade-down-left</code><br />
🔄 <code>flip-left</code> 🔁 <code>flip-right</code> 🔃 <code>flip-up</code> 🔂 <code>flip-down</code><br />
📤 <code>slide-up</code> 📥 <code>slide-down</code> ↩️ <code>slide-left</code> ↪️ <code>slide-right</code><br />
🔍 <code>zoom-in</code> 🔎 <code>zoom-in-up/down/left/right</code><br />
📉 <code>zoom-out</code> 📈 <code>zoom-out-up/down/left/right</code></p>
<h3>Tilt Animations</h3>
<p>📏 <code>linear</code><br />
⚙️ <code>ease</code>, <code>ease-in</code>, <code>ease-out</code>, <code>ease-in-out</code><br />
🎯 <code>Tilt Default (Smooth)</code><br />
🎨 <code>Ease In Quad (Bezier)</code><br />
🎯 <code>Ease In Cubic (Bezier)</code><br />
🔥 <code>Ease Out Cubic (Bezier)</code><br />
⚡ <code>Ease In Out (Sharp)</code></p>
<h3>🎮 Usage</h3>
<ol>
<li>Open any page in the Elementor editor.</li>
<li>Select the widget or section you want to animate.</li>
<li>Go to the <strong>Animation Settings</strong> panel.</li>
<li>Choose an animation effect and configure options like delay or duration.</li>
<li>Save and preview your page to see the animation in action!</li>
</ol>
<h3>License</h3>
<p>This plugin is licensed under the <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GPL v2 or later</a>.</p>
<h3>Contributing</h3>
<p>We welcome contributions! Fork the repository, create a feature branch, and submit your pull request.</p>
<h3>Support</h3>
<p>Need help? Contact us at <a href="mailto:hello@spiderwares.com" rel="nofollow ugc">hello@spiderwares.com</a> or open a ticket on the plugin’s support forum.</p>


Alternatives to Animate Elementor – Elementor Scroll, 3D and Background Animations

Top alternatives