Add scroll animations with GSAP
astro-gsap-scrolltriggerskillsetup L2★0
Sheshiyer/skill-clusters ↗What it does
Use GSAP ScrollTrigger in Astro
Best for
Adding scroll animations to Astro pages without breaking static rendering or accessibility
Inputs
- · ScrollTrigger animation config
- · prefers-reduced-motion aware
Outputs
- · Cross-route safe scroll animations
Requires
- · gsap + ScrollTrigger plugin
- · astro:page-load + astro:before-swap
Preconditions
GSAP installed; script in <script> tag; view transitions enabled
Failure modes
- · Trigger duplicates on nav → cleanup missing
- · Reduced motion ignored
- · ScrollTrigger not registered
Trust signals
- · Cleanup pattern documented
- · prefers-reduced-motion check included