--- title: Best Framer Motion posts of 2024 | daily.dev description: The most upvoted Framer Motion posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/framer-motion/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/framer-motion/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Framer Motion posts of 2024 | daily.dev og:description: The most upvoted Framer Motion posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Framer Motion — 2024 1. 1 [](/posts/cursify---cursor-animation-library-dunq5eugn "Cursify - Cursor Animation Library") Article ReactTsx · 2y Cursify - Cursor Animation Library Cursify is an open-source library designed for creating stunning cursor animations. It is built with React, TypeScript, Tailwind CSS, and Framer Motion, making it 100% customizable and easy to integrate into projects, enhancing interactivity effortlessly. 1.2K 95 2. 2 [](/posts/introducing-eldora-ui-7a7qpqltx "Introducing Eldora UI") Article Dev Squad · 2y Introducing Eldora UI Eldora UI is an open-source UI library designed for creating stunning web interfaces using React, TypeScript, Tailwind CSS, and Framer Motion. It offers customizable and animated components that are perfect for building responsive and visually appealing websites. Unique components like Cobeglobe and Spotlight Card are highlighted, and there is an active GitHub community for collaboration and innovation. 479 39 3. 3 [](/posts/ground-your-animation-kit-grvww9e2h "Ground. your animation kit") Article Dev Squad · 2y Ground. your animation kit Animations have become easier to create with modern tools. This post introduces a set of handcrafted animated components built using Next.js, React, TailwindCSS, and Framer Motion, including elements like carousels, cards, and inputs. Check out Framer Ground for more examples. 474 52 4. 4 [](/posts/3-advanced-famer-motion-effects-in-react-8pjt8lsqh "3 Advanced Famer Motion Effects in React") Article DEV · 3y 3 Advanced Famer Motion Effects in React Learn how to create advanced animation effects in React using Framer Motion library. 284 21 5. 5 [](/posts/cursify-cursor-animation-library-4lzgoymsg "Cursify Cursor Animation Library") Article Fullstack Developer · 2y Cursify Cursor Animation Library Introducing Cursify, an open-source library that provides stunning cursor animations. Built with React, TypeScript, Tailwind CSS, and Framer Motion, it is fully customizable and easy to integrate, adding interactivity to projects effortlessly. 282 29 6. 6 [](/posts/build-a-smooth-scroll-cards-parallax-with-framer-motion-and-next-js-t4kuk5ue1 "Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js") Article Community Picks · 2y Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js Learn how to build a smooth scroll cards parallax animation using Framer Motion and Next.js. Initialize the project, render the sticky cards, create a card component, add on scroll image scaling, create cards parallax, and add smooth scrolling. 126 3 7. 7 [](/posts/this-ui-component-library-is-mind-blowing-bw1qv2msb "This UI component library is mind-blowing") Video Community Picks · 3y This UI component library is mind-blowing Discover a mind-blowing UI component library that offers a collection of reusable components for lazy developers. Learn how to use it in your project and explore advanced animations that can be achieved with this library. 108 6 [See all Framer Motion archives](/tags/framer-motion/best-of) ```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/best-of/2024#page","url":"https://daily.dev/tags/framer-motion/best-of/2024","name":"Best Framer Motion Posts of 2024","description":"The most upvoted Framer Motion posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/framer-motion/best-of/2024#items","numberOfItems":7,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/cursify---cursor-animation-library-dunq5eugn","name":"Cursify - Cursor Animation Library"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/introducing-eldora-ui-7a7qpqltx","name":"Introducing Eldora UI"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/ground-your-animation-kit-grvww9e2h","name":"Ground. your animation kit"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/3-advanced-famer-motion-effects-in-react-8pjt8lsqh","name":"3 Advanced Famer Motion Effects in React"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/cursify-cursor-animation-library-4lzgoymsg","name":"Cursify Cursor Animation Library"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/build-a-smooth-scroll-cards-parallax-with-framer-motion-and-next-js-t4kuk5ue1","name":"Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/this-ui-component-library-is-mind-blowing-bw1qv2msb","name":"This UI component library is mind-blowing"}]},{"@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","item":"https://daily.dev/tags/framer-motion"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/framer-motion/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```