Components / Blocks
Bento Grid
A 12-column responsive bento layout for feature showcases. Includes animated sub-cards: a rotating reminder carousel, an orbit animation, a color swatch panel, a typography token row, and a registry manifest list.
Overview
Dependencies
motion ^12.0.0 Registry
@champagne-paper Type
registry:block Registry dependency
badge Bento Grid 01
A 12-column grid with five animated sub-cards. Stacks to a single column on mobile,
expands to the full bento layout at the lg breakpoint.
Toggle viewport with the controls above the preview.
pnpm dlx shadcn@latest add @champagne-paper/bento-01