reactjs/react-transition-group

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

JavaScript

10,213

390 commits

updated Mar 5, 2026

See the code

README

react-transition-group npm

ATTENTION! To address many issues that have come up over the years, the API in v2 and above is not backwards compatible with the original React addon (v1-stable).

For a drop-in replacement for react-addons-transition-group and react-addons-css-transition-group, use the v1 release. Documentation and code for that release are available on the v1-stable branch.

We are no longer updating the v1 codebase, please upgrade to the latest version when possible

A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind.

Documentation

TypeScript

TypeScript definitions are published via DefinitelyTyped and can be installed via the following command:

npm install @types/react-transition-group

Examples

Clone the repo first:

git@github.com:reactjs/react-transition-group.git

Then run npm install (or yarn), and finally npm run storybook to start a storybook instance that you can navigate to in your browser to see the examples.

reactjs/react-transition-group

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

JavaScript

10,213

390 commits

updated Mar 5, 2026

See the code

README

react-transition-group npm

ATTENTION! To address many issues that have come up over the years, the API in v2 and above is not backwards compatible with the original React addon (v1-stable).

For a drop-in replacement for react-addons-transition-group and react-addons-css-transition-group, use the v1 release. Documentation and code for that release are available on the v1-stable branch.

We are no longer updating the v1 codebase, please upgrade to the latest version when possible

A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind.

Documentation

TypeScript

TypeScript definitions are published via DefinitelyTyped and can be installed via the following command:

npm install @types/react-transition-group

Examples

Clone the repo first:

git@github.com:reactjs/react-transition-group.git

Then run npm install (or yarn), and finally npm run storybook to start a storybook instance that you can navigate to in your browser to see the examples.

Project health

Overall

3.1/10

Maintained

0/10

Code review

4/10
OpenSSF Scorecard

Latest release

4.4.5 · Aug 1, 2022

Releases this year

0

Significant stargazers

(top 24 of 35)

James George

1,292 followers · starred Jul 2018

Max Schmitt

2,091 followers · starred Nov 2020

Alex

259 followers · starred Sep 2017

Sebastien Barre

45 followers · starred Feb 2021