Animating in React (The Many Ways!)

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Clean code begins in your IDE with SonarLint
  • Scout APM - Less time debugging, more time building
  • react-transition-group

    An easy way to perform animations when a React component enters or leaves the DOM

    React Transition Group offers a straightforward approach to animations and transitions by providing its in-built components such as TransitionGroup for defining animations.

  • react-spring

    ✌️ A spring physics based React animation library

    React Spring is a spring-physics based animation library that follows a modern approach to animation.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-motion

    A spring that solves your animation problems.

    React Motion is an animation library for React applications that makes realistic animations easier to build and implement.

  • DefinitelyTyped

    The repository for high quality TypeScript type definitions.

    Support for Typescript: You can use Typescript with React Motion by using the type definitions.

  • GreenSock-JS

    GreenSock's GSAP JavaScript animation library (including Draggable).

    Popularity: 14.1k stars on Github, and more than 270k weekly downloads on NPM

  • framer/motion

    Open source, production-ready animation and gesture library for React

    Popularity: 14.5k stars on Github, and more than 1.1 million weekly downloads on NPM

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts