SkillGitHub
All components
scroll-media-expansion

Scroll media expansion

Expands contained media into an immersive hero through chapter scrolling.

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

Component behavior

Media and viewport resolve into one continuous frame Expands contained media into an immersive hero through chapter scrolling.

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