Multi-step Form

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

New here? Read the installation guide.

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

<Shapes68 />

More Shapes pieces

View all Shapes

Split Contact

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

Step Indicator

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

Avatar Stack

Three overlapping circles separated by card-colored rings.

Sign Up Form

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

Workflow Boxes

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

Layered Stack

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

Markdown version