Avatar Stack

Three overlapping circles separated by card-colored rings.

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

Import & use
import { Shapes12 } from "@/components/beste/piece/shapes12";

<Shapes12 />

More Shapes pieces

View all Shapes

Avatar circle, two stacked content lines, and a rose unread dot.

Triangle, circle, and square primitives lined up in three tones.

Three rounded squares fanned diagonally in foreground, amber, and card tones.

Quote card with three body lines above an avatar, name, and role.

Avatar above three centered quote lines, name and role under the body.

Feature List

shapes50

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