Back to Buttons
Interactive Reveal Button
A glass-pill button with a soft, cursor-tracked spotlight glow that follows the pointer across its surface — pure CSS custom properties, no animation library.
Buttonsbuttonglassspotlighthover
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react
Overview
Shape
Glass pill — rounded-full, h-9, px-5
Motion
Spotlight tracks the pointer via --x/--y vars
Color
color-mix(...) keeps the glow at ~18% strength
Icon
Trailing arrow nudges diagonally on hover