Motion.library

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.

Related motions