Loading...
Loading...
Found 44 Skills
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
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 responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
Use when animation is limited by browser support, platform capabilities, or technical requirements
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Creates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences. Use when users request "add animation", "framer motion", "page transition", "animate component", or "micro-interactions".
Core GSAP animation concepts including tweens, timelines, easing functions, and animation properties. Use when implementing basic animations, transitions, or learning GSAP foundations. Essential starting point for any GSAP-based animation work.
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions