Magic Bento
A bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave.
Use Magic Bento 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/MagicBento-TS-TWRelated components
- Chroma Grid
A grid of grayscale photo cards where a spotlight follows the cursor and brings back color.
- Specular Button
Glass button whose edge catches the light, with a highlight that glides toward the cursor.
- Spotlight Card
Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby cards.