Loading...
Loading...
Found 135 Skills
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when implementing Disney's 12 animation principles with Rive interactive animations
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)