Shadcn.io is not affiliated with official shadcn/ui
Spotlight Button
Button with a soft light that follows your cursor on hover for React.
Move your mouse across this button and watch the light follow. A soft radial glow tracks your cursor in real-time, like a spotlight on a stage. It's that premium, almost tactile effect you see on high-end product sites. The light reveals depth and makes the button feel responsive before you even click. Subtle enough for enterprise apps, impressive enough for creative portfolios. Works beautifully on both light and dark themes—the glow adapts automatically.
Spotlight Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Shine Button
Diagonal light sweep
Glow Border Button
Rotating gradient glow
Magnetic Button
Particle attraction
Morph Button
Shape morphing
Liquid Button
Fluid fill animation
Pulse Button
Pulsing attention ring