gsap-greensock

Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)

By dylantarre · 621 installs

npx skills add dylantarre/animation-principles --skill gsap-greensock

Source repository · Upstream listing

GSAP Animation Principles Implement all 12 Disney animation principles using GSAP's powerful timeline and tween system. 1. Squash and Stretch 2. Anticipation 3. Staging 4. Straight Ahead / Pose to Pose 5. Follow Through and Overlapping Action 6. Slow In and Slow Out 7. Arc 8. Secondary Action 9. Timing 10. Exaggeration 11. Solid Drawing 12. Appeal GSAP Timeline Pattern Key GSAP Features gsap.timeline() Sequence animations ease 30+ built in easing functions stagger Offset multiple elements motionPath Arc and path animations yoyo / repeat Loop control "<" / " =0.2" Position parameter for overlap