Loading...
Loading...
Found 105 Skills
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
Use when designing animations for any industry or when industry-specific guidelines do not apply
Use when implementing Disney's 12 animation principles with Anime.js library
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention