Elementor 4 · Extensions

Elementor 4 animation extensions (GSAP): 29 ways to animate, style and extend the elements you already use

Add GSAP scroll, text and image animation, cursor effects, sticky pinning, masks, background video and form logic to Elementor's own Headings, Images, Buttons and containers. No new widgets to learn: each extension is a new section in the panel you already use.

Get Animation Addons Pro Download free

29 extensions
9 free, 20 in Pro
Built for Elementor 4 Atomic Elements
Switch each one on or off

Text AnimationParallaxTiltMask

The basics

What are Animation Addons extensions?

Animation Addons extensions are Elementor 4 animation extensions, most powered by GSAP, that add a capability to elements you already use instead of adding a new element. Most appear as a panel section on Elementor's Atomic Elements and on Animation Addons' own atomic widgets. A few are site-level tools or add-ons for the Animation Addons Form.

Key factsAnimation Addons 4.3

Extensions (hub) key facts
Total	29 extensions
Free vs Pro	9 free, 20 in Animation Addons Pro
By type	5 animation · 9 interaction · 5 utility · 3 form · 7 site tools
Works on	Elementor's Heading, Paragraph, Button, Image, SVG, Flexbox, Div Block and Grid, plus most Animation Addons atomic widgets; each extension page lists its own targets
Engine	GSAP for animation and most interaction extensions; plain CSS or HTML5 video for Custom CSS, Image Overlay, Mask and Background Video
Requirements	Elementor with the Atomic Editor (Elementor 4) on for the panel extensions; works with Elementor Free
Limits	Each panel extension lists the elements it attaches to (for example, Mask and Background Video are containers only). Pro extension sections show and save on a free site, but play only with an active Animation Addons Pro licence. Scroll-based effects don't auto-play on the editor canvas; Parallax, Sticky and Horizontal Scroll have an editor preview switch
Performance tools (Pro)	Lazy Animation, Reduced Motion, Performance Wizard, LiteSpeed Cache and WP Rocket compatibility, per-page performance panel
Plugin version	Animation Addons for Elementor 4.3 · Last updated October 2026

29 extensions · 9 free

Every extension, grouped by the job it does.

Each card shows the extension at work. Search by name or pick a job. Free extensions are in the plugin on WordPress.org; Pro extensions come with any Pro plan.

Recipes

Six recipes that combine extensions

Extensions stack: each one is its own panel section, so one element can take several. Six combinations we see on real sites.

01

Studio hero with a shaped video

A muted showreel plays inside a blob-shaped Flexbox while the headline "We make brands move." rises in word by word. Phones see the poster frame.

Extensions: Background Video + Mask (free) + Text Animation (Pro).
On: Flexbox, Heading, Button.

02

Portfolio list with a cursor preview

Hovering "Ledgerly onboarding" floats its thumbnail beside the cursor, and a small "View" label follows the pointer.

Extensions: Image Hover + Cursor Hover Effect (Pro).
On: A list of Headings, or a Loop Grid of projects.

03

Pricing cards that respond

Three Tally Notes plans fade up in sequence, tilt gently under the cursor, and each feature line explains itself in a tooltip.

Extensions: Regular Animation + Tilt + Advanced Tooltip (Pro).
On: Grid of Div Blocks, Paragraphs, Buttons.

04

One-page site that glides

Northwind Studio's "Projects" and "Contact" buttons glide to their sections, each section fades up as it arrives, and a mobile-only rule tightens the button row.

Extensions: Scroll To + Regular Animation (Pro), plus Custom CSS (free) for a mobile tweak.
On: Buttons, section Flexboxes with IDs.

05

Member sign-up form

A Bakehouse & Co. supper-club form shows dietary fields only when needed, checks the postcode format, and creates the member's WordPress account on submit.

Extensions: Conditional Display + Validation Pro + Create User (Pro).
On: Form.

06

Directory with branded type and live data

A "Clinics" post type in Lumen Dental's brand font, with each card's name and opening hours pulled from the post title and its ACF fields.

Extensions: Post Type Builder + Custom Fonts (free) + Dynamic Tags (Pro).
On: Loop Grid, Heading, Image.

Performance and accessibility

Motion that stays light and considerate

What loads, when it loads, and what visitors who ask for less motion get.

Assets load only where used
Custom CSS, Image Overlay and Background Video add their small scripts only to pages that use them; Mask adds no script at all.
Lazy Animation (Pro)
Waits to fetch GSAP and ScrollTrigger until an animated element is close to the viewport, so pages whose animations sit below the fold start lighter.
Reduced Motion (Pro)
Gives visitors who ask their operating system for less motion no animation runtime at all: nothing plays and nothing is downloaded.
Performance Wizard (Pro)
Walks you through setup and can turn off the legacy Elementor V3 layer when a site doesn't need it.
Cache plugins
Pro is compatible with LiteSpeed Cache and WP Rocket, and adds a per-page performance panel and usage counts for widgets and extensions.
Background Video
Shows its poster instead of the video on phones (unless you allow it) and for reduced-motion visitors, and its video layer is hidden from screen readers.
SEO
Extensions animate or style existing elements; your headings, text and links stay in the page HTML.

Free vs Pro

9 free, 20 in Pro

Every extension works on Elementor Free. The free ones are in the plugin on WordPress.org; Pro adds the GSAP animation and interaction set.

Free (9)

Pro performance

Lazy Animation
Reduced Motion
Performance Wizard

On a free site, the Pro animation sections still appear in the panel and save their settings, so you can set up a page before upgrading; the motion plays once Pro is active.

Step by step

How to turn extensions on or off

Most panel extensions are on by default. Template Library, Custom Fonts, Post Type Builder, Custom Icon and Code Snippet start off on new installs; switch them on when you need them.

Get Animation Addons Pro

In wp-admin, open Animation Addon → Settings and go to the Extensions tab.
Choose the Elementor V4 (Atomic) view if both V4 and V3 tabs are shown.
Filter by Free + Pro, Free or Pro, or show only Used extensions.
Switch individual extensions on or off, or use Enable All.
Click Save Settings. A switched-off extension's panel section disappears from the editor.

FAQ

Questions about Animation Addons extensions

What are Elementor 4 animation extensions?

Elementor 4 animation extensions are add-on panel sections that animate elements you already use instead of adding new widgets. In Animation Addons for Elementor, extensions such as Regular Animation, Text Animation, Parallax and Sticky appear on Elementor's Atomic Elements and use GSAP. There are 29 Animation Addons extensions in total, covering animation, interaction, styling, forms and site tools.

Which Animation Addons extensions are free?

Nine Animation Addons extensions are free: Custom CSS, Background Video, Image Overlay, Mask, Template Library, Custom Fonts, Post Type Builder, Custom Icon and Code Snippet. The GSAP animation and interaction extensions, Dynamic Tags, Popup, the three form extensions, Custom Fields and AI & Connections are part of Animation Addons Pro. All of them work on Elementor Free.

Do Animation Addons extensions work with Elementor Free?

Yes. Animation Addons extensions need Elementor's Atomic Editor switched on, not Elementor Pro, and attach to free Atomic Elements such as Heading, Image and Flexbox; each page lists its elements. Pro extension sections show and save on a free site but play only with an Animation Addons Pro licence. Scroll effects don't auto-play on the editor canvas.

How are extensions different from Elementor's own Interactions?

Elementor 4's free Interactions offer fade, slide and scale on page load or scroll into view, using the Motion library; hover, click and scroll-linked triggers need Elementor Pro. Animation Addons extensions use GSAP and add split-text, parallax, pinning, horizontal scroll, cursor-following images, tilt and tooltips.

Will GSAP extensions slow down my site?

The free Animation Addons extensions add their scripts only to pages that use them. With Pro, Lazy Animation delays GSAP and ScrollTrigger until an animated element is near the viewport, and Reduced Motion skips the animation runtime for visitors who ask for less motion. Pro is also compatible with LiteSpeed Cache and WP Rocket.

Can I use Animation Addons extensions with Elementor's Interactions on the same element?

You can, but avoid animating the same property twice. If an Elementor Interaction fades a Heading in and Animation Addons Text Animation also reveals it, the two will compete. Pick one per element: Elementor's Interactions for a simple fade, an Animation Addons extension for split-text, parallax or pinning.

Are the animations accessible and good for SEO?

Animation Addons extensions animate and style existing elements, so headings, text and links stay in the page HTML for search engines. With Pro, Reduced Motion gives visitors who turn on their device's reduce-motion setting a page without animation. Background Video shows a still poster to those visitors, and Mask adds no script at all.

How do I turn off extensions I don't use?

Open Animation Addon → Settings in wp-admin and go to the Extensions tab. Filter by Free, Pro or Used, switch off any Animation Addons extension you don't need, and click Save Settings. Its panel section then disappears from the Elementor editor, which keeps the panel tidy for clients.

More answers in the FAQ · Documentation · Free vs Pro

Give the elements you already use something new to do

Start with the 9 free extensions, then unlock GSAP animation, cursor effects, pinning and form logic with Pro.