Spotlight
A headline sits in near-darkness. The pointer carries a soft light that reveals the type and a fine grid beneath it, with a slow ambient drift when idle.
hero / hero-spotlight
Playback
Parameters
Light radius240
Complexity
Foundational
Interaction
Cursor
Stack
CSS, Framer Motion
Category
hero
Where to use it
Landing PagesPortfolioPresentation
Ships as motions/hero/hero-spotlight.tsx — a self-contained component that accepts playing, speed, params and respects reduced-motion.