Dev Design Library

Bento 03

A flat 3×2 feature grid on thin edge-masked rules — no cards, no fills. Each cell pairs a recessed keycap icon tile with a sans-serif title and monospace description; on hover the tile's inner shadow flips inward and the icon cross-fades fr.

Bento 03 preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Dependencies
lucide-react, motion
Install
npx shadcn@latest add https://d2studio.dev/r/bento-03.json
Files
  • registry/default/components/bento-03.tsx
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI