React Router Transition

Painless transitions for React Router, powered by React Motion. Example site.

Clone to support React 17.x

$3

To use the latest version of this package (2.x), you'll need to use a version
of React compatible with hooks, as well as version 5.x of react-router-dom.

$3

npm install --save react-router-transition react-router-dom

$3

``jsx
import { BrowserRouter as Router, Route } from 'react-router-dom';
import { AnimatedSwitch } from 'react-router-transition';

export default () => (

atEnter={{ opacity: 0 }}
atLeave={{ opacity: 0 }}
atActive={{ opacity: 1 }}
className="switch-wrapper"
>





)
`

`css
.switch-wrapper {
position: relative;
}

.switch-wrapper > div {
position: absolute;
}
``

$3

- AnimatedSwitch
- AnimatedRoute

$3

This library has some obvious limitations, the most marked of which are:

- no staggering or sequencing of animations
- no durations or timing functions