--- title: Framer Motion News & Updates | daily.dev description: Framer Motion news and updates covering an animation library for React, now published under the name Motion. Readers can learn about declarative animation and gesture APIs, layout and shared element transitions, variants and orchestration, performance considerations. canonical: https://daily.dev/tags/framer-motion twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/framer-motion og:type: website og:site_name: daily.dev og:title: Framer Motion News & Updates | daily.dev og:description: Framer Motion news and updates covering an animation library for React, now published under the name Motion. Readers can learn about declarative animation and gesture APIs, layout and shared element transitions, variants and orchestration, performance considerations. og:image: https://api.daily.dev/og/tags/framer-motion.png og:image:width: 1200 og:image:height: 630 --- ## Recommended Framer Motion stories ## Who to follow for Framer Motion [](https://daily.dev/cristianolivera1) [Cristian Olivera Chávez](https://daily.dev/cristianolivera1) [@cristianolivera1](https://daily.dev/cristianolivera1) Joined Jun 22\. 2024 4.4K Angular | NextJs | Tailwind | Laravel | Spring Boot [](https://daily.dev/amargul) [Amar Gul](https://daily.dev/amargul) [@amargul](https://daily.dev/amargul) Joined Aug 16\. 2024 40 Front-End Developer | Building AlgoCanvas — algorithm visualizations in React ## Top sources covering Framer Motion ## Most upvoted Framer Motion posts ## Best discussed Framer Motion posts ## All posts about Framer Motion ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/framer-motion#page","url":"https://daily.dev/tags/framer-motion","name":"Framer Motion News & Updates","description":"Framer Motion news and updates covering an animation library for React, now published under the name Motion. Readers can learn about declarative animation and gesture APIs, layout and shared element transitions, variants and orchestration, performance considerations.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/framer-motion#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/exit-animations-with-framer-motion-2czmhnqvu","name":"Exit Animations with Framer Motion"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/3-advanced-famer-motion-effects-in-react-8pjt8lsqh","name":"3 Advanced Famer Motion Effects in React"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/direction-aware-animations-in-framer-motion-olegwock-ic8m3ujai","name":"Direction-aware animations in Framer Motion · OlegWock"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-build-a-high-performance-tab-component-in-react-i26ohqy5y","name":"How to Build a High-Performance Tab Component in React"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/advanced-page-transitions-with-next-js-and-framer-motion-0vgkfdegd","name":"Advanced page transitions with Next.js and Framer Motion"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-create-scroll-animations-with-react-tailwind-css-and-framer-motion-zfrieaqox","name":"How to Create Scroll Animations with React, Tailwind CSS, and Framer Motion"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-create-an-animated-hamburger-menu-in-react-6zgp9jwar","name":"How to Create an Animated Hamburger Menu in React"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/web-animation-for-your-react-app-framer-motion-vs-gsap-sixko21uj","name":"Web Animation for Your React App: Framer Motion vs GSAP"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-create-a-fully-animated-sidebar-in-react-js-using-framer-motion-kosbdapbk","name":"How to Create a Fully Animated Sidebar in React.js using Framer Motion"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/everything-about-framer-motion-layout-animations-1fe8lvmou","name":"Everything about Framer Motion layout animations"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Framer Motion"}]}]} ```