Loading...
Loading...
Found 41 Skills
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
Framer Motion (Motion) animation patterns for React — springs, staggers, layout animations, micro-interactions, scroll effects, and page transitions. Use when building or improving UI animations, adding polish, or making interfaces feel premium.
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
Use when facing any animation problem as a comprehensive diagnostic framework
Use when designing animations for any industry or when industry-specific guidelines do not apply
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication