Topic: ai
10,359 skills in this topic.
-
accessibility-advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
dylantarre/animation-principles 23
-
continuous-loops
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
dylantarre/animation-principles 23
-
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
dylantarre/animation-principles 23
-
attention-grabbers
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
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
-
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
dylantarre/animation-principles 23
-
buttons-ctas
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
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
-
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
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
-
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre/animation-principles 23
-
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
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
-
accordions-dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
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
-
fitness-wellness
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
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
-
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
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
-
social-media
Use when designing animations for social platforms, messaging apps, content sharing, or community features
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
-
animator-traditional
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
dylantarre/animation-principles 23
-
entrance-animations
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
dylantarre/animation-principles 23
-
product-manager
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
dylantarre/animation-principles 23