Best of Framer Motion — 2024

  1. 1
    Article
    Avatar of reactjsxReactTsx·1y

    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.

  2. 2
    Article
    Avatar of devsquadDev 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.

  3. 3
    Article
    Avatar of devsquadDev 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.

  4. 4
    Article
    Avatar of devtoDEV·2y

    3 Advanced Famer Motion Effects in React

    Learn how to create advanced animation effects in React using Framer Motion library.

  5. 5
    Article
    Avatar of fullstackdeveloperFullstack Developer·1y

    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.

  6. 6
    Article
    Avatar of communityCommunity 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.

  7. 7
    Video
    Avatar of communityCommunity Picks·2y

    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.

See all Framer Motion archives