Multi-step Form

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

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

Import & use
import { Shapes68 } from "@/components/beste/piece/shapes68";

<Shapes68 />

More Shapes pieces

View all Shapes

Two-column card with copy on the left and a stacked form with submit on the right.

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

Sign Up Form

shapes66

Three labeled fields stacked above a checked agreement row and a primary submit.

Avatar Stack

shapes12

Three overlapping circles separated by card-colored rings.

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

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