Spotlight
A soft radial glow in the site's own colour that follows a fine pointer on spring.press and glides home to the centre when it leaves. Original; Aceternity's is reference only.
npx shadcn add @gc/spotlightOne ambient effect per viewport
Move the pointer across this card. Leave, and the light goes home.
One SVG radial gradient in currentColor, moved by a compositor transform on two spring values. Touch devices and reduced motion get the centred glow, still.
Craft score
Measured on b38543d. All scores
- Perf mobile
- 96
- Perf desktop
- 100
- CLS
- 0
- LCP mobile
- 2771 ms
- Gzipped source
- 1.5 kB
- Reduced motion
- Pass