Back to Components
Components
Spotlight Cursor
Spotlight overlay that follows the cursor to reveal a soft accent glow.
Spotlight cursor
Follow the highlight
Move your cursor to reveal a soft accent glow that tracks every motion.
- ●Smooth tracking
- ●Subtle glow
- ●Premium focus
- ●Lightweight
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/spotlight-cursor.tsx
Installation
Using shadcn CLI
npx shadcn add spotlight-cursor --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge