Bento Grid
A wall of paper cells under one light, drawn by hand: a 6-column sheet with short unit rows where every card claims its own spans, so the composition is asymmetric on purpose. Each tile carries a live visual up top and a quiet label at the bottom; hover lifts the cell toward a brightening hairline.
Draw
draw a card
$npx shadcn@latest add @clow/bento-gridFirst time? Point @clow at the registry
Once per project, add the registry to your components.json. Then draw any card by name.
"registries": {
"@clow": "https://clow.cards/r/{name}.json"
}Full setup →Playground
props
<BentoGrid />Examples
basic
Props
| prop | type | default |
|---|---|---|
| eyebrow | text | uptime |
| title | text | Mesh availability |
| description | text | Rolling 90 days across 42 stations. |