Loading...
Loading...
Found 128 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 building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Use when animation is limited by browser support, platform capabilities, or technical requirements
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.