Loading...
Loading...
Found 75 Skills
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 GSAP (GreenSock Animation Platform)
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations.
Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb). Prevents 15 documented errors including React 19 StrictMode bugs, SSR imports, conditional parents, viewport issues, drag & drop conflicts, and CSS transform bugs. Use when: animating lists/accordions/toasts, troubleshooting SSR animation errors, React 19 StrictMode issues, or need accessible drop-in transitions with auto prefers-reduced-motion.
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)