Loading...
Loading...
Found 8 Skills
Guidelines and examples for UI motion and animation. Use when designing, implementing, or reviewing motion, easing, timing, reduced-motion behaviour, CSS transitions, keyframes, framer-motion, or spring animations.
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Create performant CSS animations, transitions, and motion design
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication