back
loading skill details...
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Framer Motion Animation Principles
Implement all 12 Disney animation principles using Framer Motion's declarative React API.
1. Squash and Stretch
<motion.div
animate={{ scaleX: [1, 1.2, 1], scaleY: [1, 0.8, 1] }}
transition={{ duration: 0.3, times: [0, 0.5, 1] }}
/>
2. Anticipationdon't have the plugin yet? install it then click "run inline in claude" again.