Loading...
Loading...
Found 140 Skills
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive