Topic: skills
17,247 skills in this topic.
-
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
-
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
-
education-learning
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
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
-
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
dylantarre/animation-principles 23
-
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
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
-
social-media
Use when designing animations for social platforms, messaging apps, content sharing, or community features
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
-
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
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
-
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
-
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
-
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
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
-
e-commerce-retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
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
-
filmmaker
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
dylantarre/animation-principles 23
-
educator-teacher
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
dylantarre/animation-principles 23
-
creative-director
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
dylantarre/animation-principles 23
-
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
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
-
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
dylantarre/animation-principles 23