Designs purposeful motion and micro-interactions for web and mobile using GSAP, Framer Motion, and CSS.
This skill enables developers to implement sophisticated motion design that adds meaning and character to user interfaces. It provides a decision tree for selecting the right library—including GSAP, Framer Motion, and React Native Reanimated—while enforcing performance best practices to ensure 60fps delivery. By integrating mandatory accessibility standards like reduced-motion fallbacks and token-based timing, it helps create professional, distinctive brand identities through choreographed transitions and scroll-triggered storytelling.
Key Features
01Performance-first enforcement including hardware acceleration and CLS checks
02Pre-built patterns for micro-interactions, scroll reveals, and 3D effects
03Library selection decision tree (GSAP, Framer Motion, CSS, Reanimated)
