Loading...
Loading...
Found 138 Skills
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.