react-router-dom-transition

Headless route transition wrapper for React Router v6/v7.

Default (300ms)

Wraps <Routes> with dual-layer rendering. CSS variables --rrt-duration / --rrt-easing drive the animation.

RedGreenBlue
Red Page

Slower (800ms)

Just change duration. data-action reflects push/pop/replace.

RedGreenBlue
Red Page
GitHub →