gsap-scrolltrigger
GSAP motion · A camera move · MIT
- What it does
Scroll-linked animation for web pages: triggers, start and end, scrub, pinning, batch, horizontal scroll with containerAnimation, markers for development, refresh and cleanup, and the rule that a ScrollTrigger goes on the timeline, never on a tween inside it. Site motion only; a video has no scroll.
- Get it
npx skills add https://github.com/greensock/gsap-skills (installs all eight), or copy skills/gsap-scrolltrigger/ into your agent's skills folder. Pattern: gsap.timeline({ scrollTrigger: { trigger: '.section', start: 'top center', end: 'bottom center', scrub: true } }).to('.panel', { x: 100 })
- Needs (the whole pack)
Nothing to read them. To run what they teach: the gsap package from npm, and @gsap/react for the React hook.
- License
MIT
- From