gsap logo 1

Animate

anything

Bring GSAP Power to Elementor.

Bring your animations to life with a rich library of smooth easing curves. Customize every motion, build your own easing styles, and craft stunning animation sequences effortlessly.
gsap wordmark

Elementor, Now in Motion

GSAP PACK

endless motion

Explore a complete set of GSAP animation tools, all inside Elementor.
From subtle interactions to bold scroll experience, everything you need is here

Features

global animation settings

feature

Global

animation

Animate both widget and containers with ease. Create engaging scroll effects, coordinated content reveals, and dynamic transitions that affect multiple elements at once, helping you build immersive and interactive website experiences effortlessly.
View Demo
global animation settings

feature

Sticky Pin

elements

Create immersive scrolling experiences with GSAP Sticky Pin Elements. Pin sections in place while users scroll, enabling smooth animations, seamless content transitions, and engaging storytelling that keeps visitors focused and enhances the overall browsing experience.

View Demo
marquee setting

feature

Marquee

straight & arc

Create smooth, continuous marquee animations that bring your Elementor designs to life. Effortlessly move text, images, logos, or any content horizontally across the screen with fluid GSAP-powered motion. Customize the direction, speed, spacing, and animation behavior to create everything from subtle scrolling headlines to bold, attention-grabbing visual loops—all without writing code.
View Demo
horizontal scroll setting

feature

Horizontal

scroll

Animate both widget and containers with ease. Create engaging scroll effects, coordinated content reveals, and dynamic transitions that affect multiple elements at once, helping you build immersive and interactive website experiences effortlessly.
View Demo
image trail

feature

Image

trail

Create captivating cursor-driven image trails that follow every movement with smooth, fluid motion. Display a sequence of images as visitors move their cursor across the screen, creating dynamic visual trails that add depth, personality, and interaction to your Elementor designs. Customize the image sequence, movement, speed, and animation behavior to build immersive experiences without writing code.
View Demo
mouse cursor

feature

Mouse

cursor

Enhance your website with a custom mouse cursor that adds personality and interactivity. Create smooth hover effects, animated cursor styles, and engaging user interactions that perfectly match your brand and improve the overall browsing experience.
View Demo
image trail

feature

Appearing

image

Bring images to life with smooth, cinematic reveal animations powered by GSAP. Reveal images with elegant clipping, scaling, sliding, and directional motion to create engaging visual entrances as visitors scroll through your page. Control the reveal direction, speed, easing, and animation behavior to craft polished, immersive experiences—all without writing a single line of code.
View Demo
text reveal

feature

Text

animation

Make your typography more dynamic with smooth, eye-catching text reveal animations powered by GSAP. Reveal headings, paragraphs, and other text with precise control over opacity, movement, scale, rotation, and timing. Create sophisticated entrances that capture attention and add a polished motion-design feel to your Elementor pages—all without writing code.
View Demo

Widgets

widget

Stacked

card

Create dynamic stacked card layouts with smooth, scroll-driven GSAP animations. Cards elegantly overlap, scale, and transition as visitors scroll, turning static content into an engaging interactive experience. Customize the stacking behavior, spacing, scale, animation speed, and scroll interaction to build modern, immersive sections for portfolios, services, case studies, and more—all without writing code.
View Demo

widget

Text

scroll

Text Scroll is a GSAP-powered Elementor widget that creates dynamic scroll-based text reveals by highlighting and masking text line by line or word by word. It supports both horizontal and vertical scrolling, allowing text to smoothly fill with color as users scroll for an engaging reading experience.

View Demo

widget

Team Hover

grid

Team Hover Grid powered by GSAP is an interactive team showcase where circular team profiles respond dynamically to mouse hover. Hovering over a member enlarges their profile and brings it into focus, while the other profiles smoothly shrink and blur into the background, creating a strong visual hierarchy.

View Demo

widget

Image

cycle

Image Cycle is a dynamic Elementor widget powered by GSAP that transforms multiple images into an engaging circular animation. Images enter from different directions, converge at the center, form a circular arrangement, and continuously rotate. A customizable center title can be added to create a strong focal point.
View Demo

widget

SVG Line

draw

SVG Line Draw is a dynamic animation that smoothly draws SVG paths on the screen, bringing illustrations, icons, and graphics to life with elegant motion.
View Demo

widget

Dropping

elements

GSAP Dropping Elements is a playful Elementor widget that brings multiple shapes to life with physics-inspired GSAP motion. When the widget enters the viewport, squares, circles, capsules, and text elements drop from the top, bounce at the bottom, and gradually stack together to create an engaging visual composition.
View Demo

widget

GSAP SVG

draw

GSAP SVG Draw is a dynamic animation widget that brings SVG illustrations to life by smoothly drawing their paths on the screen. Create elegant path-drawing animations for logos, icons, illustrations, and other SVG graphics to add engaging motion to your website.

View Demo

widget

SVG

morphing

GSAP SVG Morphing is a dynamic Elementor widget that smoothly transforms one SVG shape into another using GSAP. Create fluid morphing transitions between custom SVG shapes to add engaging motion and distinctive visual effects to your website.

View Demo