A three-column asymmetric feature grid with BentoGrid and BentoCard, including background, icon, description, and call-to-action slots that reveal on hover.
Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.
npx shadcn@latest add https://www.saasuji.com/r/bento-grid.jsonAlso available as a markdown reference for AI agents: /components/bento-grid.md
Button
Eight variants and twelve sizes with loading, disabled, and icon states, built on class-variance-authority and Radix Slot.
Card
A surface container with header, title, description, content, and footer sections for grouping related information.
Marquee
A CSS-driven infinite scroller that repeats its children horizontally or vertically, with optional reverse direction and pause on hover.