Updated: Magic Bento
By Steven Van ·
The open-source React component adds animated card artwork, a click wave, custom content and photos, and both dark and light themes.
React Bits has updated its Magic Bento component, a bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave.
What changed
- Every card now carries animated artwork.
- The cursor light is smoother.
- A click sends a wave across the grid.
Custom content and themes
Cards now accept your own content, photos and links. The component comes in dark and light themes.
Installation
The component page offers JavaScript or TypeScript and plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/MagicBento-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →