Animation Addons – Elementor Addons, GSAP Animations, Elementor V4 Atomic Widgets & Elementor Templates

Description

Animation Addons for Elementor is an all-in-one Elementor addons pack: 100+ Elementor widgets, 25+ Elementor extensions, 300+ Elementor templates and 10,000+ sections, 40+ Atomic Widgets built natively for Elementor 4, and the GSAP animation system that gives the plugin its name — scroll animations, text animation and motion effects inside the Elementor editor.

It is fully updated for Elementor 4. Animation Addons includes 40+ Atomic Widgets built natively for the Elementor V4 Atomic Editor, 30+ Elementor V4 website templates and 500+ V4 sections, all working with Classes, Variables and the unified Style tab — so the same plugin carries your sites from the classic editor into Elementor 4.

And when a page needs motion, you do not need a second plugin: scroll animations, text animation, motion effects, parallax, hover effects, sticky elements and interactive sections are built in, powered by GSAP, and set visually without writing a single line of code.

Animation Addons works with Elementor Free. Elementor Pro is not required – it is a free Elementor addons pack for the Elementor page builder, with Pro features for teams that need more.

Animation Addons
Elementor Widgets
Elementor V4 Atomic Widgets
Animation Extensions
Elementor Templates
Section Templates
Free vs Pro
Pricing
Documentation

Why Animation Addons: One Elementor Addons Pack for Widgets, Elementor 4 and Elementor Animation

Most Elementor addons give you widgets. Animation Addons gives you widgets, native Elementor 4 Atomic Widgets and a complete GSAP Elementor animation system — so one plugin covers the design, the editor upgrade and the motion.

• GSAP scroll animations – ScrollTrigger, scrub, pin, horizontal scroll, parallax and timeline animations on any Elementor element, classic or Atomic.
• Text animation and motion effects – GSAP SplitText by character, word or line, text scramble, typewriter, reveal animations, hover animations and hover effects, cursor effects, mouse-move effects, tilt, flip and draggable.
• 100+ Elementor widgets for content, marketing, navigation, sliders, forms, posts and dynamic WordPress data.
• 40+ Atomic Widgets built natively for Elementor 4 – real Atomic Elements with Classes, Variables, the unified Style tab and selectable child elements.
• Elementor templates – 300+ website templates, 10,000+ sections and ready page templates, plus 30+ Elementor V4 website templates and 500+ V4 sections.
• Dynamic content and site-building tools – Loop Grid and Loop Grid filters, Posts Grid, Dynamic Tags, Post Type Builder, forms, headers, footers and popups.
• Performance controls – lazy animation loading, reduced-motion support and per-widget on/off switches.

GSAP Animations for Elementor: Scroll Animations, Text Animation and Motion Effects

Animation Addons brings GSAP animations for Elementor into the editor itself — the classic editor and the Elementor V4 Atomic Editor — so you can build advanced, high-performance Elementor animations without custom JavaScript.

Elementor’s built-in motion effects cover simple entrance animations. Animation Addons adds the professional layer: scroll-driven storytelling, timeline control, text animation, SVG animation and interaction effects. That is why it is often chosen as the Elementor animation plugin even by teams that already use another addon for widgets.

GSAP animation features include:

🌟 GSAP ScrollTrigger scroll animations – scroll trigger, scrub, pin and markers
🎨 GSAP Animation Builder with timeline control and stagger animation
🎬 Preset Animations – one-click entrance, reveal, fade and bounce animations
⚡ Smooth Scrolling (ScrollSmoother), Horizontal Scroll sections and Scroll To
📌 Sticky Elements and Pin Element on Scroll
✂️ Split Text Animation (GSAP SplitText) and Text Scramble
🔄 Flip Animation, Draggable and Motion Path Animation
🎥 Lottie Animation, DrawSVG Animation and MorphSVG
🌍 Parallax Effects and multi-layer parallax
🎞️ Clip Path Animation, Image Mask and Image Sequence Animation
✨ Cursor Hover Effect, Mouse Move Effect and Custom Cursor

Every GSAP animation can be previewed live in the editor, set per device, and switched off for visitors who prefer reduced motion. Combine them for interactive animations – smooth scroll plus pinned sections plus text reveal – or apply a single preset for quick animation effects.

What you can build with GSAP animation in Elementor

• Hero text reveal – a headline that animates in word by word with SplitText, then a subheading and button that stagger in on a timeline.
• Scroll-pinned product showcase – pin an image while feature text scrolls past, powered by ScrollTrigger scrub.
• Horizontal scroll portfolio – a sideways-scrolling gallery of projects, like the best agency websites.
• Parallax and image sequence heroes – multi-layer parallax backgrounds, or a frame-by-frame image sequence scrubbed by the scrollbar.
• Sticky header effects – a header that shrinks, changes color or hides on scroll with the Sticky Pin extension.
• Hover and cursor interactions – image reveal on hover, tilt cards, a custom cursor that follows the mouse, and buttons with GSAP hover effects.
• SVG and Lottie motion – logos that draw themselves with DrawSVG, shapes that morph, and lightweight Lottie icons.

Presets cover the common cases in one click; the GSAP Animation Builder gives full control over easing, delay, duration, stagger and triggers when you want the animation to be exactly yours.

Elementor Extensions for Animation and Interaction

Browse the complete Elementor extensions library. Each extension adds GSAP animation controls to any Elementor element, in the classic editor and on Elementor V4 Atomic Elements.

• Scroll: Regular Animation (entrance and scroll animations), Parallax, Horizontal Scroll, Sticky Pin Element (sticky sections and pinned elements), Scroll To.
• Text and image: Text Animation (GSAP SplitText), Image Animation (image reveal on scroll), Image Hover (image hover effects).
• Cursor and hover: Cursor Hover Effect (custom cursor), Mouse Move Effect, Tilt, Advanced Tooltip.
• Layout: Popup (animated popups), Background Video.

Built for Elementor 4: the Atomic Editor, Classes and Variables

Elementor 4 introduces a more scalable way to build: Atomic Elements, reusable Classes, Variables, responsive controls and a unified styling system. Animation Addons was rebuilt for that workflow rather than patched onto it – a complete Elementor V4 toolkit, and one of the first Elementor 4 addons with native Atomic Widgets. Elementor 4 widgets, Elementor 4 templates and Elementor 4 animation extensions ship together in one package, so the Atomic Editor is production-ready from the day you switch it on.

• 40+ Elementor V4 Atomic Widgets – native Atomic Elements, not classic widgets wrapped for the new editor.
• Elementor V4 extensions – GSAP animation and interaction controls that attach to any Atomic Element.
• 30+ Elementor V4 website templates and 500+ Elementor V4 section templates, imported with their Classes and Variables so your design system comes with the template.
• Everything else in the plugin – the 100+ widgets, templates and tools – keeps working in Elementor 4 and alongside Atomic Elements on the same page.

How the Elementor 4 workflow changes with Animation Addons

• Classes and Variables – Style an Atomic Widget once with a Class, reuse it across the site, and change colors or spacing from a Variable. Elementor 4 templates from Animation Addons import with their Classes and Variables attached.
• Unified Style tab – Every Atomic Widget uses the Elementor 4 Style tab, not a custom panel, so there is nothing new to learn.
• Child elements – Composite widgets (Accordion, Timeline, Nested Slider, Loop Grid) expose their parts as selectable child elements you can style and animate individually.
• Elementor Free – None of the Atomic Widgets, V4 templates or animation extensions require Elementor Pro.

If you are moving to Elementor 4, you do not need to change your Elementor addon. Read the Elementor V4 guide for how Animation Addons fits the Atomic Editor.

40+ Elementor V4 Atomic Widgets Built Natively for Elementor 4

The Elementor V4 Atomic Widgets in Animation Addons are real Atomic Elements: they appear in the Atomic Elements panel, use the Elementor 4 unified Style tab, support reusable Classes and Variables and responsive controls, and composite widgets are made of selectable child elements you can style on their own. Browse the complete Atomic Widgets library — each widget links to its own page with a live demo and settings overview.

• Content and UI: Atomic Advanced Heading, Atomic Accordion, Atomic Icon List, Atomic Social Share, Atomic Image Compare, Atomic Countdown, Atomic Timeline, Atomic Progress Bar, Atomic Toggle Switcher, Atomic Button, Atomic Curved Text, Atomic Google Maps, Atomic Flip Box, Atomic Counter (Pro), Atomic Button Pro (Pro), Atomic Image Hotspot (Pro).
• Animation and interaction: Atomic Stack Cards (Pro), Atomic Lottie (Pro), Atomic Draw SVG (Pro), Atomic Offcanvas (Pro).
• Forms: Atomic Form (forms with Conditional Display, validation and Create User actions), Atomic Search Form.
• Posts, dynamic content and blog: Atomic Loop Grid, Atomic Posts Grid, Atomic Post Title, Atomic Post Content, Atomic Post Image, Atomic Post Pagination, Atomic Search Query, Atomic Table of Contents (Pro).
• Header and footer: Atomic WP Menu, Atomic Site Logo, Atomic Nav (Pro).
• Sliders and video: Atomic Nested Slider, Atomic Loop Grid Slider, Atomic Video, Atomic Video Mask.

Loop Grid Filters (Pro)

Build filtering experiences for Loop Grid layouts with the nine Atomic Loop Filter widgets: Taxonomy Filter, Author Filter, Field Filter, Date Filter, Search Filter, Sort Filter, Result Count, Active Filters and Filter Drawer. Results update without a full page reload.

100+ Elementor Widgets

Animation Addons is a full Elementor widgets addon, not only an animation layer. The complete Elementor widgets library works in every Elementor version, with Elementor Free and any WordPress theme, and each widget can be switched on or off from the dashboard. Unlike other Elementor addons, every one of these Elementor widgets can carry GSAP animation from the same panel.

• Content and media: Image Box, Image Box Slider, Image, Image Gallery, Brand Slider, Text Hover Image, Image Compare, Image Hotspot.
• Marketing and conversion: Counter, Progress Bar, Countdown, Notification, Advanced Pricing Table, Call to Action layouts.
• UI and interaction: Button, Advanced Button, Icon Box, Tabs, Services Tab, Advanced Accordion, Toggle Switcher, Clickdrop, Floating Elements, Advanced Tooltip.
• Sliders and carousels: Event Slider, Content Slider, Nested Slider, Scrollmotion Cards.
• Testimonials and team: Testimonial, Team.
• Navigation and layout: One Page Nav, Nav Menu, Mega Menu, Site Logo, Breadcrumbs, Offcanvas.
• Posts and dynamic WordPress data: Post Title, Post Content, Post Excerpt, Post Featured Image, Post Meta Info, Post Pagination, Posts, Featured Posts, Banner Posts, Archive Title, Portfolio, Category Showcase, Grid Hover Posts, Post Reactions, Post Rating, Video Posts Tab, Current Date, Search Form, Filterable Posts, Posts Read Later.
• Forms and integrations: Contact Form 7, Mailchimp, Advanced Mailchimp, Brevo.
• Animated text and media: Animated Text, Animated Title, Animated Heading, Typewriter, YouTube Video, Weather, Author Box.
• Pro widgets: GSAP DrawSVG, Lottie, Cube Scroll Reveal, Video Box Slider, Advanced Posts, Video Story, Live Events, Posts Slider, Breaking News Slider, Video Popup, Video Box, Video Mask, Scrollable Video, Stacked Cards, Flip Box, Vertical Marquee, Advanced Portfolio, Nested Motion Card.

Elementor Templates: 300+ Website Templates, 10,000+ Sections and Elementor V4 Templates

Start from a finished design instead of a blank page. The Animation Addons template library includes:

Elementor V4 templates

• 30+ Elementor V4 website templates – full-site template kits built with Atomic Elements for the Elementor 4 Atomic Editor.
• 500+ Elementor V4 section templates – hero, pricing, testimonial, team, CTA, header and footer sections.
• Template import carries the design system: Classes and Variables come in with the layout, and supported template assets can be imported locally.

Elementor templates for every site

• 300+ Elementor website templates – Elementor template kits for agencies, business, SaaS, portfolios, blogs and magazines, restaurants, real estate, medical, travel, fitness and more.
• 10,000+ Elementor section templates – hero, services, pricing, testimonials, team, FAQ, CTA, header and footer blocks.
• Ready-made Elementor page templates – landing, about, contact, service and coming-soon pages.
• Live Copy Paste and one-click template kit import from the Elementor template library.

Templates are pre-animated: import a section and the GSAP scroll animations and hover effects come with it.

Dynamic Content and Site-Building Tools

• Loop Grid and Posts Grid – Dynamic post layouts for blogs, magazines and portfolios, with Loop Grid Slider and nine Loop Grid filters (Pro).
• Dynamic Tags and custom fields – Dynamic WordPress data in any Elementor control, for dynamic websites built on posts, custom post types and custom fields.
• Post Type Builder – Create custom post types visually, without code.
• Header Footer Builder and Theme Builder – Custom headers, footers, single and archive templates with display conditions, on Elementor Free.
• Popup Builder – Banners, opt-ins and notices with animated entrances and exit-intent triggers.
• Form Builder – Visual forms with Conditional Display, custom validation and messages, date and time fields, Create User actions, Mailchimp and Brevo integration.

Utility Extensions

• Design and code: Dynamic Tags, Mask (image masking), Custom CSS, Custom Fonts, Custom Icon (IcoMoon), Code Snippet (CSS, JavaScript, HTML), Wrapper Link.
• Content and forms: Post Type Builder, Conditional Display, Validation Pro, Create User.

Lightweight and Built for Performance

Animation Addons is modular: enable only the widgets and extensions you use, and nothing else loads. Lazy animation loading fetches GSAP only when an animated element nears the viewport; reduced-motion support respects visitor preferences; and per-page performance controls, usage information, cache compatibility settings, GSAP display conditions and performance diagnostics are built into the dashboard.

Actual front-end performance depends on the widgets, animations, media, theme, hosting, caching configuration and other plugins used on the website.

Animation Addons vs Elementor’s Built-in Motion Effects

Elementor includes basic motion effects: simple entrance animations, limited scroll effects, no timeline control. As a WordPress animation plugin for Elementor, Animation Addons adds GSAP ScrollTrigger, SplitText, MotionPath and DrawSVG, timeline and trigger control, cursor and hover interactions and sticky effects inside the same editor. If you only need a fade-in, Elementor’s built-in animations are enough; for scroll storytelling and interactive motion, Animation Addons gives you the tools.

Who Is Animation Addons For?

Anyone who wants one Elementor addon instead of three.

• Agencies and freelancers – Free Elementor widgets, ready Elementor templates and GSAP animation in one plugin; switch off what a project does not use.
• SaaS, startup and product landing pages – High-converting Elementor landing pages with scroll animations and pre-animated sections.
• Portfolios and creative studios – Scroll storytelling, text animation and interactive motion effects without a JavaScript developer.
• Bloggers, magazines and small businesses – Posts Grid, Loop Grid, dynamic content and 300+ Elementor templates.
• Teams moving to Elementor 4 – An Elementor V4 addon with native Atomic Widgets, V4 templates and design systems built on Classes and Variables.

Works on Elementor Free or Pro, in the classic editor or the Elementor 4 Atomic Editor.

Documentation and Support

Documentation:
https://animation-addons.com/docs/

Animation Addons:
https://animation-addons.com/

Support:
https://crowdyflow.ticksy.com/

Elementor V4 Guide:
https://animation-addons.com/blog/elementor-v4-and-atomic-editor/

Trusted By Leading WordPress & Elementor Creators

Animation Addons is trusted and reviewed by WordPress and Elementor educators who demonstrate real-world animation workflows.

Featured & Reviewed By:

Matt Tutorials

Andrea Egli

Hamza – GoTechUG

…