Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-direction-aware-transition.json
- Purpose
- Use opposite directions for forward and back navigation to preserve sequence and hierarchy.
- Trigger
- Trigger from next, previous, browser back, or ordered-index changes.
- Interruptibility
- Rapid navigation takes over at current progress and renders only the current and latest target.
- Reduced motion
- Use a short crossfade while preserving forward/back labels and focus position.
direction-aware-transitionDirection-aware transitionNavigation motion uses the route direction to choose opposing travel paths for forward and reverse actions.