Loading...
Loading...
Found 83 Skills
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.
CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states