Animating in React (The Many Ways!)

• react-transition-group

  17 10,066 0.0 JavaScript

  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

  53 27,404 7.0 TypeScript

  ✌️ A spring physics based React animation library

  

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

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-motion

  15 21,648 0.0 JavaScript

  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

  158 47,090 10.0 TypeScript

  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

  95 18,590 4.7 JavaScript

  GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

  

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

• framer/motion

  43 21,984 9.8 TypeScript

  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

Suggest a related project