Sixteen dots laid out as a four-by-four spacing grid.
npx shadcn add https://ui.beste.co/piece/r-base/shapes7
New here? Read the installation guide.
import { Shapes7 } from "@/components/beste/piece/shapes7"; <Shapes7 />
Three columns, each with an icon tile, a heading line, and two body lines.
Five carousel dots with the active one stretched into a pill.
Asymmetric bento layout with one large tile, two stacked small ones, and a wide row.
Five dots scattered above a two-line coordinate axis.
Four bordered tiles each with a digit value above a small unit label.
Seven-by-five activity grid shading from muted to deep emerald.