Loading...
Loading...
Found 135 Skills
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.