Loading...
Loading...
Found 699 Skills
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when animation speed feels wrong—too fast, too slow, or inconsistent
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when animation is limited by browser support, platform capabilities, or technical requirements
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.