Border Glow
Glowing mesh-gradient border that follows cursor direction and intensifies near edges.
Use Border Glow 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/BorderGlow-TS-TWRelated components
- Chroma Grid
A grid of grayscale photo cards where a spotlight follows the cursor and brings back color.
- Fluid Glass
A 3D glass object that refracts your headline, image or video, follows the cursor and melts between shapes.
- Magic Bento
A bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave.