Workflow Boxes

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

New here? Read the installation guide.

Import & use
import { Shapes5 } from "@/components/beste/piece/shapes5";

<Shapes5 />

More Shapes pieces

View all Shapes

Step Indicator

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

Geometric Trio

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

Multi-step Form

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

Settings List

Three divided rows with labels and trailing toggles or value lines.

Feature Grid

Three columns, each with an icon tile, a heading line, and two body lines.

Tree Diagram

A filled parent node branches into two outlined children.

Markdown version