Loading...
Loading...
Found 10 Skills
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Create performant CSS animations, transitions, and motion design
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
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.
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive