Why GSAP Instead of IX2

Webflow Marketplace no longer accepts templates that rely on legacy IX2 interactions.
GSAP provides:

Why GSAP Instead of IX2

Webflow Marketplace no longer accepts templates that rely on legacy IX2 interactions.
GSAP provides:

• Better performance
• Advanced scroll-based animations
• Full control via JavaScript
• Easier customization for developers

Where GSAP Is Loaded

GSAP is loaded globally via Custom Code.

Location:
Webflow → Site Settings → Custom Code → Before </body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>

How Animations Work (IX3-Style)

Animations are controlled using CSS classes, not Webflow Interaction panels.

Available Animation Classes

Class NameAnimation Effect.gsap-fadeFade in on scroll.gsap-slide-upSlide up + fade.gsap-slide-leftSlide from left.gsap-staggerStaggered children animation

How to Apply an Animation

1. Select any element
2. Add one of the GSAP classes (example: gsap-slide-up)
3. Publish the site

No interaction setup is required.

Example GSAP Animation Code

gsap.from(".gsap-slide-up", {
  y: 60,
  opacity: 0,
  duration: 1,
  ease: "power3.out",
  scrollTrigger: {
    trigger: ".gsap-slide-up",
    start: "top 80%"
  }
});

This replaces a typical IX2 “scroll into view” animation.

Customizing Animations

You can adjust animations by editing these values:

• duration → animation speed
• x / y → movement distance
• opacity → fade effect
• ease → animation feel
• start → scroll trigger position

Documentation:
GSAP ScrollTrigger Documentation

Disable Animations (Optional)

To disable all animations:

• Remove GSAP scripts from Custom Code
  or
• Remove GSAP classes from elements

Layout and content will remain unchanged.

Performance & Best Practices

• Avoid animating very large images
• Use animations sparingly
• Test after layout changes
• Optimized for desktop, tablet, and mobile
• Respects reduced-motion preferences