Glare Hover
A glossy light streak that sweeps across any element in the direction the cursor moves.
Use Glare Hover in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/GlareHover-TS-TWRelated components
- Electric Border
Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.
- Cursor Grid
A crisp grid whose cells light up and fade behind the cursor, with grid styles, tiles and click pulses.
- Glow Cursor
Light that pours from the cursor, drifts softly through the air and cools as it fades.