SkillGitHub
All components
page-transition-stack

Page transition stack

Preserves route origin and destination meaning through layered page depth.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Medium
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/page-transition-stack.json

Component behavior

Outgoing page becomes spatial context for incoming page Preserves route origin and destination meaning through layered page depth.

Suitable events

Use for opening, positioning, and closing overlays, including keyboard focus transitions.

Runtime information

Motion engine
motion
Runtime cost
Medium
Dependencies
motion
Open public Registry JSON