Feature Grid

Three columns, each with an icon tile, a heading line, and two body lines.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Shapes31 } from "@/components/beste/piece/shapes31";

<Shapes31 />

More Shapes pieces

View all Shapes

Feature List

shapes50

Three feature rows in a card, each pairing an icon tile with a title and a body line.

Icon Feature

shapes51

Single feature card with a large icon tile beside a title and two supporting lines.

Dot Grid

shapes7

Sixteen dots laid out as a four-by-four spacing grid.

Bento Grid

shapes49

Asymmetric bento layout with one large tile, two stacked small ones, and a wide row.

Stats Row

shapes41

Three small KPI tiles in a row, each with a label and a bold value bar.

Three divided rows with labels and trailing toggles or value lines.