Loading...
Loading...
Found 47 Skills
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when animation speed feels wrong—too fast, too slow, or inconsistent
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.