React Spring Physics

When you need animations that feel physically real rather than just timed, this brings React Spring's spring physics hooks together with Popmotion's lower-level utilities. Instead of defining durations, you set mass, tension, and friction, so things bounce and settle naturally. It shines for gesture-driven UIs where animations need to interrupt mid-motion and preserve velocity, like momentum scrolling or drag interactions. The skill covers the core hooks (useSpring, useTrail, useTransition), config presets from gentle to molasses, and integration with Three.js for 3D work. Think of it as the physics-first alternative when CSS transitions feel too robotic and you want motion that responds like real objects.

Install to Claude Code

npx -y skills add freshtechbro/claudedesignskills --skill react-spring-physics --agent claude-code