Loading...
Loading...
Found 48 Skills
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 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 building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
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 building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication