What problem does it solve?
Helps developers and designers reduce animation jank and frame drops by providing practical GSAP-focused techniques to keep work on the compositor, minimize layout and paint overhead, and maintain consistent 60fps animations across devices.
Core Features & Use Cases
- Prefer transforms and opacity: Guide to animate x/y, scale, rotation, and opacity instead of width/height/top/left to avoid layout thrash.
- Layer promotion and will-change: Advice on selective use of will-change and avoiding blanket promotions that waste memory.
- Batching and frequent updates: Recommendations to batch reads/writes, use gsap.quickTo for high-frequency properties, use stagger for lists, debounce ScrollTrigger.refresh, and clean up off-screen animations.
- Use Case: Optimize a homepage with many entrance animations, a pinned ScrollTrigger section, and a mouse-following element to reduce dropped frames on mobile.
Quick Start
Optimize my page's GSAP animations by switching movement to transforms and opacity, adding will-change only to animating elements, batching DOM reads/writes, using gsap.quickTo for frequent updates, and debouncing ScrollTrigger.refresh.
