Breadcrumb

Three crumb segments separated by chevrons, the last one in foreground tone.

New here? Read the installation guide.

Import & use
import { Shapes28 } from "@/components/beste/piece/shapes28";

<Shapes28 />

More Shapes pieces

View all Shapes

Geometric Trio

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

Layered Stack

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

FAQ List

Three accordion rows, the first one expanded with answer lines underneath.

Tab Bar

Three tab labels above a divider, with a foreground indicator under the active one.

Step Indicator

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

Feature List

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

Markdown version