ScrollTrigger Builder
Set up a GSAP ScrollTrigger without writing it from memory. Choose the trigger, where it starts and ends, what animates and whether it scrubs or pins. The preview runs live on this page, and the embed is ready to paste into Webflow.
How to use the output
Paste it before body
The embed loads GSAP and ScrollTrigger from the CDN, then runs on DOMContentLoaded. Put it in Page settings, before the closing body tag. If GSAP is already on the site, delete the two script tags at the top.
Start and end, read plainly
The first value is the point on the trigger element, the second is the point on the viewport. So top 80% means: fire when the top of the element reaches 80% down the screen.
Reduced motion included
Every snippet is wrapped so it does nothing for visitors who have reduced motion turned on, and sets the final state instead. That check is left out of most tutorials.