Loading...
Loading...
Found 29 Skills
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.
ReactBits animations for Remotion - curated for aesthetic excellence in video production
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 building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).
Use when adding animations, transitions, hover effects, or motion design. MANDATORY for every component. Covers Framer Motion patterns.
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 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