Loading...
Loading...
Found 42 Skills
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 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
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges