Bento Card
ui-codarise/bento-cardUnverifiedBlock
A bento-style dashboard card with a gradient header (dither + animated blur blobs), icon or custom headerContent, title, description, badge, and optional body. Pass a gradient id from project-themes for the header color. Router-agnostic — use onClick for navigation (e.g. onClick={() => navigate({ to: href })}). Use the `featured` prop for a larger highlight variant.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/codarise/ui/main/registry/blocks/bento-card.jsonThis registry does not serve an item endpoint we could read, so we hold its metadata but not its source.
What it pulls in
Other registry items
Files it writes
More from ui
All 16 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Chat Bubblechat-bubble | ui | Blocks | Unverified | no deps | |
| Chat Markerchat-marker | ui | Blocks | Unverified | no deps | |
| Chat Message Rowchat-message-row | ui | Blocks | Unverified | no deps | |
| Domain / Tenant Switcherdomain-tenant-switcher | ui | Blocks | Unverified | 1 dep · 6 files | |
| Error Stateerror-state | ui | Blocks | Unverified | 1 dep | |
| Featured Cardfeatured-card | ui | Blocks | Unverified | no deps | |
| Loading Stateloading-state | ui | Blocks | Unverified | no deps | |
| Model Cardmodel-card | ui | Blocks | Unverified | 1 dep |
