Topic: disney
144 skills in this topic.
-
navigation-menus
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
dylantarre/animation-principles 23
-
notifications-toasts
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
dylantarre/animation-principles 23
-
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
dylantarre/animation-principles 23
-
e-commerce-retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
dylantarre/animation-principles 23
-
education-learning
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
dylantarre/animation-principles 23
-
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
dylantarre/animation-principles 23
-
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre/animation-principles 23
-
fitness-wellness
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
dylantarre/animation-principles 23
-
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
dylantarre/animation-principles 23
-
healthcare-medical
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
dylantarre/animation-principles 23
-
media-publishing
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
dylantarre/animation-principles 23
-
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
dylantarre/animation-principles 23
-
social-media
Use when designing animations for social platforms, messaging apps, content sharing, or community features
dylantarre/animation-principles 23
-
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
dylantarre/animation-principles 23
-
universal-industry
Use when designing animations for any industry or when industry-specific guidelines do not apply
dylantarre/animation-principles 23
-
continuous-infinite
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
dylantarre/animation-principles 23
-
deliberate-1200-2000ms
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
dylantarre/animation-principles 23
-
dramatic-2000ms-plus
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
dylantarre/animation-principles 23
-
large-500-800ms
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
dylantarre/animation-principles 23
-
medium-300-500ms
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
dylantarre/animation-principles 23
-
micro-100-200ms
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
dylantarre/animation-principles 23
-
orchestrated-sequences
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
dylantarre/animation-principles 23
-
responsive-adaptive
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
dylantarre/animation-principles 23
-
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
dylantarre/animation-principles 23