Loading...
Loading...
Found 33 Skills
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Use when designing animations for any industry or when industry-specific guidelines do not apply
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
Use when implementing Disney's 12 animation principles with any animation tool or framework