react-transition-group
Advanced tools
ATTENTION! To address many issues that have come up over the years, the API in v2 is not backwards compatible with the original
React addon (v1-stable).For a drop-in replacement for
react-addons-transition-groupandreact-addons-css-transition-group, use the v1 release, which is still actively maintained. Documentation and code for that release are available on thev1-stablebranch.You can send pull requests with v1 bugfixes against the
v1-stablebranch.
A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind.
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.
Framer Motion is a popular animation library for React that provides more advanced animation capabilities and a simpler API compared to react-transition-group. It includes features like spring physics, gesture animations, and more.
React Spring is a spring-physics based animation library that is similar to react-transition-group but focuses on providing a more natural motion. It allows for a wide range of animations, including from/to and looped animations.
React Motion is a library that provides a powerful way to create animations using spring configurations. It is more low-level compared to react-transition-group and gives developers more control over the animation's physics.
React Flip Toolkit is a library that specializes in flip animations which can be used for animating lists, grids, and other collections of elements. It compares to react-transition-group by providing more specialized features for flip transitions.
FAQs
A react component toolset for managing animations
The npm package react-transition-group receives a total of 18,144,119 weekly downloads. As such, react-transition-group popularity was classified as popular.
We found that react-transition-group demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket Firewall Enterprise is now available with flexible deployment, configurable policies, and expanded language support.
Security News
Open source dashboard CNAPulse tracks CVE Numbering Authorities’ publishing activity, highlighting trends and transparency across the CVE ecosystem.
Product
Detect malware, unsafe data flows, and license issues in GitHub Actions with Socket’s new workflow scanning support.