Notification Card

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

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

Import & use
import { Shapes18 } from "@/components/beste/piece/shapes18";

<Shapes18 />

More Shapes pieces

View all Shapes

Avatar Stack

shapes12

Three overlapping circles separated by card-colored rings.

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

Blog Card

shapes39

Side-by-side thumbnail, category dot, two title lines, and a meta line.

Floating card with an emerald success badge, two content lines, and a dismiss icon.

Stat Card

shapes16

Compact KPI tile with label, value, trend dot, and a sparkline trail.

Feature List

shapes50

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