{"data":{"slug":"framer-motion","name":"Framer Motion","tagline":"Production-ready React animations","category":"design","categoryName":"Design","url":"https://motion.dev","github":"https://github.com/framer/motion","pricing":"open-source","hook":"Framer Motion makes React animations feel natural.","whatsGood":"The declarative API matches React mental models. Layout animations work automatically. Gestures are built-in. Exit animations actually work. The spring physics feel right.","theCatch":"Bundle size is not negligible. Complex animations require understanding the system. Performance needs attention on mobile.","verdict":"The animation library that makes movement feel right.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":33464},"related":[{"slug":"tailwindcss","name":"Tailwind CSS","tagline":"Utility-first CSS that developers love"},{"slug":"shadcn-ui","name":"shadcn/ui","tagline":"Copy-paste components built on Radix"},{"slug":"radix-ui","name":"Radix UI","tagline":"Unstyled, accessible React components"},{"slug":"figma","name":"Figma","tagline":"Collaborative design tool in the browser"},{"slug":"storybook","name":"Storybook","tagline":"UI component workshop"}],"links":{"self":"/api/gems/framer-motion","html":"/gems/framer-motion","markdown":"/gems/framer-motion.md","category":"/api/gems?category=design","categoryPage":"/stacks/design"}}