Specular Button
Glass button whose edge catches the light, with a highlight that glides toward the cursor.
Use Specular Button 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/SpecularButton-TS-TWRelated components
- Magic Bento
A bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave.
- Fluid Glass
A 3D glass object that refracts your headline, image or video, follows the cursor and melts between shapes.
- Profile Card
A framed profile card that tilts toward the cursor, with holographic foil shining through a tiled pattern.