Loading...
Loading...
Found 70 Skills
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
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