Topic: skills
17,247 skills in this topic.
-
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
dylantarre/animation-principles 23
-
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
dylantarre/animation-principles 23
-
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
dylantarre/animation-principles 23
-
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
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
-
orchestrated-sequences
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
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
-
continuous-infinite
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
dylantarre/animation-principles 23
-
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
dylantarre/animation-principles 23
-
gesture-responses
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
dylantarre/animation-principles 23
-
ux-researcher
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
dylantarre/animation-principles 23
-
fitness-wellness
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
dylantarre/animation-principles 23
-
feedback-indicators
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
dylantarre/animation-principles 23
-
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre/animation-principles 23
-
exit-animations
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving 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
-
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
dylantarre/animation-principles 23
-
motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
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
-
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
-
game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
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
-
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
-
frontend-developer
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
dylantarre/animation-principles 23