SkillGitHub
All components
split-screen-reveal

Split screen reveal

Connects two product states or story perspectives with a draggable boundary.

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

Component behavior

The split boundary becomes the narrative transition Connects two product states or story perspectives with a draggable boundary.

Suitable events

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

Runtime information

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