SkillGitHub
All components
cinematic-hero

Cinematic hero

Uses image, typography, and action to establish a paced brand opening.

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

Component behavior

Media, title, and action arrive in deliberate sequence Uses image, typography, and action to establish a paced brand opening.

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