SkillGitHub
All components
device-scroll-reveal

Device scroll reveal

Advances product screens, chapter copy, and product state inside a device frame.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Medium
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/device-scroll-reveal.json

Component behavior

Device chrome and screen content advance together Advances product screens, chapter copy, and product state inside a device frame.

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