What Magical Addons Pro Adds to Elementor

Magical Addons Pro adds GSAP (GreenSock Animation Platform) scroll animation controls to Elementor. Select an element in the Elementor editor and open its Advanced tab to configure motion without writing code. You can apply effects to individual elements or coordinate them across landing pages, headers, content blocks, and other layouts.

Effects for text, pictures, and backgrounds

More than 30 presets offer effects such as fade, slide, zoom, flip, bounce, rotate, and elastic movement. They provide starting points for adding motion without setting every property manually.

• Text: Typewriter, split characters, wave, text reveal, and bounce letters.
• Images: Parallax, Ken Burns, blur-in, 3D tilt, and reveal effects.
• Backgrounds: Parallax scroll, gradient shift, color morph, and reveal effects.

When does an animation respond to scrolling?

ScrollTrigger lets you set when an animation starts based on the visitor’s scroll position. Scrub links animation progress to that position, so the effect follows the visitor’s movement through the page. These controls set different parts of the behavior: one determines the start point, while the other ties progress to scrolling.

Set duration and delay, then select from more than 30 easing settings. Play modes determine whether an animation runs once, reverses when the visitor leaves, or repeats.

How can motion be fine-tuned?

Custom animation properties let you adjust X and Y movement, scale, rotation, skew, and opacity. Debug markers help fine-tune scroll-based animations. Stagger options sequence related items, which can fit lists, split text, or groups of visual elements.

Where are the controls in Elementor?

Install Magical Addons for Elementor in WordPress and edit a layout with Elementor. Select an element, open the Advanced tab, and configure its animation effect, timing, scroll behavior, and play mode. Magical Addons Pro provides the GSAP animation capabilities described here.