Create premium scroll animations
awwwards-animationsskillsetup L2★0
Sheshiyer/skill-clusters ↗What it does
Create premium React animations at Awwwards quality
Best for
When scroll-driven animations must hit 60fps on high-refresh displays with precise ScrollTrigger integration.
Inputs
- · animation spec
- · scroll/timing requirements
- · React component structure
Outputs
- · animated React component
- · GSAP timeline or Motion configuration
Requires
- · GSAP
- · ScrollTrigger
- · Lenis
- · Motion/Framer Motion
- · Anime.js
- · React
Preconditions
React project setup, npm packages installed, 60fps non-negotiable requirement understood
Failure modes
Main-thread blocking drops FPS, improper cleanup causes memory leak, ScrollTrigger + Lenis conflict if not integrated properly
Trust signals
- · 60fps non-negotiable design spec
- · Lenis + ScrollTrigger integration recipe
- · GSAP useGSAP hook pattern with cleanup