framer-motion

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

By calesthio · 682 installs

npx skills add calesthio/openmontage --skill framer-motion

Source repository · Upstream listing

Framer Motion Animation Principles Implement all 12 Disney animation principles using Framer Motion's declarative React API. 1. Squash and Stretch 2. Anticipation 3. Staging 4. Straight Ahead / Pose to Pose 5. Follow Through and Overlapping Action 6. Slow In and Slow Out 7. Arc 8. Secondary Action 9. Timing 10. Exaggeration 11. Solid Drawing 12. Appeal Stagger Children Key Framer Motion Features animate Target state variants Named animation states whileHover / whileTap Gesture animations transition Timing and easing AnimatePresence Exit animations useAnimation Programmatic control layout Auto animate layout changes