Magical Addons Pro

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 behavior without writing code. Apply motion to one element or combine effects across landing pages, marketing sections, headers, content blocks, and other Elementor layouts.

Choose effects for text, pictures, and backgrounds

More than 30 presets offer starting points such as fade, slide, zoom, flip, bounce, rotate, elastic movement, and other special effects. Content-specific settings give each type of element its own motion choices:

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

Choose different treatments for copy, imagery, and backgrounds instead of repeating one animation throughout a layout.

Set scroll behavior and playback

ScrollTrigger controls when an animation starts in relation to the visitor’s scroll position. Scrub animations link progress to scrolling, so the movement follows the position on the page.

Set duration and delay, then choose from more than 30 easing options. Play modes let an animation execute once, reverse when the visitor leaves, or repeat.

Adjust properties and sequence components

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