Atomic Off Canvas
A panel that slides in from any edge, with its own content.
Built on Elementor 4's Atomic Editor
The first native Elementor 4 addon. GSAP animation built in.
- Works with free & pro Elementor
- Your Elementor 3 sites keep working
- 15-day money-back guarantee
40+ atomic widgets, 30+ ready-made websites and GSAP animation that work the way Elementor 4 does: styled in its Style tab, with your own Classes and Variables. No code, and no Elementor Pro needed.
Native vs. “compatible”
Built from Elementor 4's own atomic elements.
Most addons that call themselves “Elementor 4 compatible” run their Elementor 3 widgets inside the new editor, with their own style panel, wrappers and CSS. Ours are atomic elements: you style them in Elementor's Style tab, give them your global classes, and they work alongside Elementor's core elements.
-
01
Style it where you style everything
No second style panel. Typography, spacing and color live in Elementor's Style tab.
-
02
Your design system, on every widget
Give any of our widgets your global classes. Change a variable once and every widget that uses it follows.
-
03
Safe next to your existing widgets
Atomic widgets, Elementor's core elements and classic Elementor 3 widgets work together on the same page.
Typical “compatible” addon
elementor-widget
widget-container
card-wrapper
h3Card title
- 4 wrappers
- Own CSS
- Own style panel
Animation Addons
h3Card title
Class.card-titleVariable--brand-primary
- 1 element
- Elementor Style tab
- Your Classes & Variables
GSAP motion, no code
When fade and slide are not enough.
Elementor 4's Interactions cover simple fades and slides. Animation Addons adds GSAP: split text, pinned scroll, horizontal scroll and more, each one a setting in the Elementor panel with trigger, easing and stagger per device. An effect's script loads only on the pages that use it.
Widget library
40+ widgets built for Elementor 4.
Navigation, dynamic posts, sliders, forms and interactive elements. 30 of them are free on WordPress.org, and Pro adds the rest.
Atomic Form
Multi-field forms with validation, styled from the Style tab.
Atomic Loop Grid
Design one loop item, repeat it across any query.
Atomic Nav Menu
Full navbar with dropdowns, mega menus and a mobile drawer.
Atomic Nested Slider
Build each slide with any widgets, then slide the whole thing.
Atomic Stack Cards
Cards that pin and stack on top of each other as you scroll.
Atomic Draw SVG
Any SVG path draws itself in as it scrolls into view.
Starter templates
Start from a finished website or a finished section.
30+ complete websites and 500+ sections, built with atomic elements. Each imports with its Classes and Variables, so changing one color variable restyles the whole site. Every website comes in Light, Dark and Static (no motion) versions.
Elementor 4
Elementor 4
Elementor 4
Elementor 4
Elementor 4
Elementor 4
Elementor 4
Elementor 4
New websites and sections every month
Each new release is added to the library and included in your license.
For Elementor 3 sites
Still on Elementor 3? Nothing changes for you.
Every Animation Addons license includes the classic library for Elementor 3. The sites you run today keep their widgets, templates and animations, and you move to Elementor 4 only when you are ready.
- 102classic widgets
- 25+animation extensions
- 300+starter templates
- 1license for Elementor 3 and 4
One license, both versions
| Feature | Elementor 3 | Elementor 4 |
|---|---|---|
| Widgets | 102 classic widgets | 40+ atomic widgets |
| GSAP extensions | 25+ | 29 |
| Templates | 300+ starter templates | 30+ websites, 500+ sections |
| Styling | Each widget’s own style controls | Style tab, Classes and Variables |
| In your license | Included | Included |
Moving to Elementor 4 later?
Update the plugin as usual. Your Elementor 3 pages keep their widgets, and the Elementor 4 toolkit appears when you edit a site on Elementor 4. There is nothing to rebuild.
- Existing sites keep working
- No migration step
- No extra cost
Reviews
What people say after building with it.
Rated 4.6 out of 5 across 66 reviews on WordPress.org, and tested on real builds by independent creators on YouTube.
4.6/ 5
Average from 66 reviews on WordPress.org
- 5 star58
- 4 star2
- 3 star0
- 2 star1
- 1 star5
We rebuilt every widget from scratch for Elementor 4 instead of wrapping the old ones. Open one in the editor: it's styled in Elementor's own Style tab, takes your Classes and Variables, and has GSAP motion in the same panel.
The Animation Addons teamWealcoder, makers of Animation Addons
Try it free
Best and only Elementor Addon for GSAP animations I know
Anyone who’s ever tried to integrate GSAP animations into WordPress knows how time‑consuming and complex it can get … This Elementor Addon completely solves that problem.
WEwebitemsReview on WordPress.orgGreat plugin and save me lot of time for no code animationI got Animation Addons Pro for my client’s site, and it made adding GSAP animations super easy. My client and I are both really happy with it, and decided to grab more licenses after trying it out for some of my other clients.
JAjawswongReview on WordPress.orgHonest Review – Outstanding customer support!Within just 3 hours, they identified the problem, guided me through the solution, and successfully resolved everything.
YEyehtinaungReview on WordPress.orgExactly what I was looking forI’ve always loved the animations and transitions in Webflow, and for a while I was torn — should I move my entire site there or not? The answer came naturally when I discovered this plugin.
RMRoman MatovskyReview on WordPress.orgVery good experienceAnimation Addons Pro has been one of the best additions to my toolbox. … I might switch to Elementor for good, even though Divi 5 is out.
CHchristianforzaReview on WordPress.orgA Game Changer for Elementor Animations!Right out of the box, this plugin feels like a natural extension of Elementor.
DIdigimavenReview on WordPress.orgCreators tested it on real builds
Five independent walkthroughs on YouTube. Press play to watch here.
01–03 / 05
-
YouTube
Rino de BoerIndependent creator review
This finally makes GSAP usable inside Elementor
-
YouTube
Andrea EgliIndependent creator review
GSAP inside Elementor? Testing the Animation Addons plugin
-
YouTube
Hamza, GoTechUGIndependent creator review
No-code GSAP with Animation Addons for Elementor
-
YouTube
Matt TutorialsIndependent creator review
Advanced GSAP animations in Elementor without code
-
YouTube
Alex CooperIndependent creator review
Create a beautiful animated website with WordPress in 10 minutes
V4 Early Bird · ends Oct 17
Every plan includes everything. Pick by how many sites you build.
All widgets, templates and motion for Elementor 4, plus the classic library for your Elementor 3 sites. Until Oct 17, the Early Bird takes up to 25% off Annual and up to 30% off Lifetime, and doubles your site activations.
How many sites do you need?
Early Bird bonus: every tier gets double the sites
Annual
Save $20Pay yearly, add sites anytime
$59/ year$79
Get Annual
What you get
- Every widget, template and GSAP effect
- Classic library for Elementor 3 sites
- Updates and premium support for 1 year
- Add more sites anytime
Renews every year. Cancel anytime from your account.
Lifetime
Save $42Pay once, use it for good
$97once$139
Get Lifetime
Everything in Annual, plus
- Updates and premium support for life
- Every future widget and template
- No renewals, ever
- Today's Early Bird price, locked in
Pick your site count now. Lifetime plans can't be upgraded later.
15-day money-back guaranteeNo questions asked
Ready to use todayEvery V4 asset ships now. Only the Early Bird price is limited.
VisaMastercardAmexPayPalApple PayGoogle Pay
See every plan, the 3-year comparison and the pricing FAQ Not sure which version? Compare Free vs Pro
Agency Bundle LifetimeAnimation Addons, MotionKit, BricksFly + 2 premium themes. 1,000 sites each, about 10¢ a site.
FAQ and help
Frequently asked questions
What people ask us most before buying. The full FAQ page covers the rest.
Still have a question?
Talk to the people who build Animation Addons. Most replies arrive within one business day.
Open a support ticket or send us a messageProduct
Is Animation Addons really built for Elementor 4, or just compatible with it?
Built for it. Each widget is an Elementor 4 atomic element: you style it in Elementor's Style tab and give it your global Classes and Variables, and templates import with theirs. Addons that are only “compatible” run their Elementor 3 widgets inside the new editor, with their own style panel. The classic library for Elementor 3 sites is included separately.
How is this different from Elementor 4's built-in Interactions?
Elementor's Interactions cover simple motion: fade, slide and scale on page load or scroll, with hover, click and scroll-linked moves in Elementor Pro. Animation Addons runs on GSAP and adds what Interactions don't have: split text, pinned and sticky sections, horizontal scroll, smooth scroll, parallax, SVG drawing, cursor effects and staggered sequences, all as settings in the Elementor panel. Use Interactions for small UI motion, and Animation Addons when a project needs more.
Compatibility
Do I need Elementor Pro?
No. Animation Addons works with free Elementor, and it also works alongside Elementor Pro if you have it. Everything on this page, including the GSAP motion, runs without Pro.
I already use Animation Addons. Will my Elementor 3 sites keep working?
Yes. Your existing sites and widgets stay exactly as they are. When you update the plugin and edit a site running Elementor 4, the V4 toolkit appears in the editor. There is nothing to rebuild and no migration step.
Performance and accessibility
Will animations slow down my website?
Each effect's script loads only on pages that use it, and animations start only when they come into view. On our Branding Agency template, turning on every animation adds 23 KB of JavaScript. Visitors who turn on “reduce motion” get a calmer page, every website template also comes in a Static version, and you can switch off any widget or extension you don't use.
Licensing and billing
Can I use it on client websites and staging sites?
Yes. Each site activation covers one live website, and you can use your license on a staging site while you build. Move activations between sites any time from your account at store.wealcoder.com.
What is the refund policy, and how do I get support?
Every plan has a 15-day money-back guarantee, no questions asked. Support is through the Animation Addons help desk; open a ticket and the team usually replies within one business day.
We accept Visa, Mastercard, American Express, Discover, PayPal, Apple Pay, Google Pay, Cash App Pay and Amazon Pay.
Build your next Elementor 4 site with the toolkit made for it.
Install the free version from WordPress.org in a minute, or get Pro at Early Bird prices until Oct 17.
V4 Early Bird: up to 25% off Annual, up to 30% off Lifetime, plus 2x sitesEnds Oct 17
- 15-day money-backFull refund, no questions asked
- Rated 4.6 / 566 reviews on WordPress.org
- No Elementor Pro neededWorks with free Elementor
- Elementor 3 & 4Classic library included