node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »



A simple component that overrides <Locations> in React-Router-Component to animate page transitions.

View the Demo


npm install react-router-component-transition
var AnimatedLocations = require('react-router-component-transition');


Simply replace any usage of <Locations> in your app with <AnimatedLocations>.

View the source for more details and comments.

You can also change the transition used on a particular link by using the prop transitionName, or shut off transitions entirely by using the prop noTransition.

View the demo source for more usage details.


To run the demo locally and tinker:

% git clone
% npm install
% npm run develop
% open index.html