Loading...
Loading...
Found 36 Skills
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when designing animations for social platforms, messaging apps, content sharing, or community features
Use when animation speed feels wrong—too fast, too slow, or inconsistent