Asymmetric bento layout with one large tile, two stacked small ones, and a wide row.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Shapes49 } from "@/components/beste/piece/shapes49";
<Shapes49 />Three columns, each with an icon tile, a heading line, and two body lines.
Sixteen dots laid out as a four-by-four spacing grid.
Three small KPI tiles in a row, each with a label and a bold value bar.
Featured tile beside a stacked column where the last cell carries a more-overlay badge.
Three accordion rows, the first one expanded with answer lines underneath.
Seven-by-five activity grid shading from muted to deep emerald.