Loading...
Loading...
Found 9 Skills
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
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.
Create performant CSS animations, transitions, and motion design
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive