ReddRadar
Topic: disney
144 skills in this topic.
-
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
-
universal-practitioner
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
loading-states
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
dylantarre/animation-principles 23
-
scroll-animations
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
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
-
transition-sequences
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
dylantarre/animation-principles 23
-
universal-patterns
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
dylantarre/animation-principles 23
-
accordions-dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
dylantarre/animation-principles 23
-
buttons-ctas
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
dylantarre/animation-principles 23
-
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
dylantarre/animation-principles 23
-
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
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
-
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
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
-
loaders-spinners
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
dylantarre/animation-principles 23
-
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
dylantarre/animation-principles 23