Buttons Ctas

This is a solid reference for making buttons feel responsive and alive using Disney's 12 animation principles. It covers the essentials like squash and stretch on press, anticipation with hover lifts, and proper easing curves. The timing recommendations are specific and practical: 150-200ms for hover, 50-100ms for active states. You get concrete CSS examples with transforms, box shadows, and transition durations. The approach here isn't just about making things move, it's about creating tactile feedback that makes interactions satisfying. If you're building buttons that feel dead or unresponsive, the principles on follow through, secondary actions, and exaggeration will fix that.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill buttons-ctas --agent claude-code