Loaders Spinners

This gives you animation principles specifically for loading states, applying Disney's 12 animation rules to spinners, progress bars, and skeleton screens. You get concrete timing recommendations (spinner rotations at 800-1200ms, dot staggers at 100-150ms), easing guidance for different loader types, and CSS implementations for common patterns like bouncing dots with stagger delays and skeleton shimmers. The approach treats loaders as micro-interactions that deserve thoughtful motion design rather than just throwing in a generic spinner. Most useful when you're building a design system or want your loading states to feel polished instead of like an afterthought.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill loaders-spinners --agent claude-code