Popmotion

If you need to implement Disney's animation principles in code, this gives you working examples for all 12 using Popmotion's functional API. You get squash and stretch with scale transforms, anticipation through sequenced animations, follow-through with delayed timing, and physics-based spring animations for exaggeration. The examples are practical and copy-paste ready, covering everything from basic tweens to keyframe sequences and secondary actions. Popmotion is the library that powers Framer Motion, so if you want fine-grained control over web animations without the framework overhead, this is a solid reference. The code snippets assume you know your way around JavaScript and DOM manipulation.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill popmotion --agent claude-code