Anime Js

This is a solid reference for implementing Disney's 12 animation principles with Anime.js, complete with working code for squash and stretch, anticipation, follow-through, and the rest. You get practical examples for timelines, staggers, spring physics, and SVG path animations. The keyframe syntax is straightforward and the relative timing offsets make sequencing intuitive. If you're building UI animations that feel polished rather than robotic, this gives you the building blocks. The examples are copy-paste ready, though you'll want to adjust durations and easing curves to match your specific use case.

Install to Claude Code

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