Loading...
Loading...
Found 84 Skills
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
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 animating cards, panels, tiles, or container elements to create depth and interactivity
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.