SkillGitHub
All components
screenshot-stack

Screenshot stack

Presents multiple product surfaces in depth while retaining the active focus.

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

Component behavior

Active screenshot moves forward while context stays visible Presents multiple product surfaces in depth while retaining the active focus.

Suitable events

Use for product introductions, scroll storytelling, and hero scenes.

Runtime information

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