animation-gsap - Build GSAP and ScrollTrigger web animations
Create GSAP and ScrollTrigger animations for timelines, tweens, scroll effects, pinning, scrubbing, parallax, and web graphics.
Tags
Updated: 2026-10-03Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create GSAP tweens
- Sequence animation timelines
- Configure scroll triggers
- Pin elements during scrolling
- Synchronize animations with scrolling
- Implement parallax effects
- Animate DOM and SVG
- Animate WebGL and Three.js
- Integrate GSAP with React
- Integrate smooth scrolling
Inputs
- Animation requirements
- Scroll interaction requirements
- Target DOM elements
- SVG, Canvas, WebGL, or Three.js objects
- React component structure
- Smooth scrolling configuration
Outputs
- GSAP animation code
- ScrollTrigger configurations
- Configured web animations
- React animation integrations
- Smooth scrolling integrations
Requirements
- JavaScript runtime
- GSAP library
- ScrollTrigger plugin