React Spring

This maps all 12 Disney animation principles to React Spring's physics system, which is genuinely useful if you're tired of easing curves that feel robotic. You get squash and stretch with scaleX/scaleY, anticipation with chained api.start calls, follow through with staggered delays, and so on. The examples are concise, each showing the actual spring config (tension, friction) that makes the principle work. What's nice is it teaches you to think in physics terms instead of durations, so buttons feel bouncy and cards feel weighty without tweaking cubic-bezier functions. Best for UI work where you want things to feel alive, not just animated.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill react-spring --agent claude-code