Tree Diagram

A filled parent node branches into two outlined children.

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

Import & use
import { Shapes13 } from "@/components/beste/piece/shapes13";

<Shapes13 />

More Shapes pieces

View all Shapes

Four nodes connected by lines, two complete, the third active, the last pending.

Three squares connected by arrows, stepping from outline to fill.

Three-node progress strip above a card with two fields and back-next actions.

Hero Section

shapes30

Two heading bars, supporting body lines, and a primary plus outlined CTA pair.

Plus Cross

shapes15

Two intersecting rounded bars forming a solid plus mark.

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