Motion

This is the React animation library you've probably seen in production apps without realizing it. Motion handles everything from simple hover states to complex drag-and-drop interfaces, scroll-triggered parallax, and shared element transitions between pages. The API is declarative enough that basic fade-ins take three props, but it scales up to spring physics and SVG morphing when you need it. Bundle size ranges from 2.3 KB for the minimal useAnimate hook to 34 KB for the full motion component, with a 4.6 KB middle ground using LazyMotion. One catch: if you're deploying to Cloudflare Workers, you'll need to use the older framer-motion package instead due to build issues with Wrangler.

Install to Claude Code

npx -y skills add secondsky/claude-skills --skill motion --agent claude-code