Best of Framer Motion — 2023

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create Scroll Animations with React, Tailwind CSS, and Framer Motion

    Learn how to create scroll animations in React using Framer Motion and Tailwind CSS. The tutorial covers setting up the project, building the scroll component, adding animation functions, and animating the components on scroll.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Best Animation Libraries For React🎉

    React-spring is a spring-physics-based animation library that should cover most of your UI-related animation needs. Framer Motion is a production-ready motion library for React. Green Sock has over 5,500 GitHub stars and 54k weekly NPM downloads.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Create a Fully Animated Sidebar in React.js using Framer Motion

    Learn how to create a fully animated sidebar in React.js using Framer Motion. Framer Motion is a powerful animation library for React that allows you to add smooth and professional animations to your projects. The tutorial guides you step by step through implementing a complete animated sidebar component, enhancing it with animations using Framer Motion.