Magical Addons Pro adds GSAP (GreenSock Animation Platform) scroll animation controls to Elementor. Elementor is required. In the editor, select an element and open the Advanced tab to select an effect and adjust its options without writing code.

Choose effects for text, images, and backgrounds

More than 30 presets offer starting points such as fade, slide, zoom, flip, bounce, rotate, elastic movement, and other special effects. You can also choose effects by content type:

• Text effects include typewriter, split characters, wave, text reveal, and bounce letters.
• Image effects include parallax, Ken Burns, blur-in, 3D tilt, and reveal effects.
• Background effects include parallax scroll, gradient shift, color morph, and reveal effects.

Apply motion to individual elements or combine effects across landing pages, headers, content blocks, and other Elementor layouts.

Set when motion starts and how it plays

ScrollTrigger sets when an animation starts based on the user's scroll position. Scrub links animation progress to scrolling, so the effect follows the visitor's position on the page.

Set duration and delay, then choose from more than 30 easing options to adjust how movement accelerates or slows. Play modes let an animation play once, reverse when the visitor leaves, or repeat.

Adjust motion properties and sequences

Custom animation properties let you set X and Y movement, scale, rotation, skew, and opacity. These controls adjust an element's position, size, angle, slant, and transparency.

Debug markers help fine-tune scroll-based animations. Advanced stagger settings sequence related elements, which can fit lists, split text, or groups of visual entries.

Set up an animation in Elementor

Install and activate Magical Addons for Elementor in WordPress. The Pro edition adds the GSAP animation controls described here. In an Elementor layout, select an element, open its Advanced tab, then choose an effect and configure its timing, scroll behavior, and play mode.