Loading...
Loading...
Found 18 Skills
Anime.js v4 - A fast, multipurpose and lightweight JavaScript animation library. Use when creating animations, timelines, draggable interactions, SVG animations, text effects, or working with CSS properties, DOM attributes and JavaScript objects.
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 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
Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty state illustrations, animated icons. Just plays and loops - no interactivity. For reactive/stateful animations use Rive instead. Lightweight and SSR-compatible.
Implement animations using the Motion library. Use when adding motion, transitions, gestures, scroll effects, or interactive animations to components. Triggered by implementation requests, not conceptual discussions.