Workflow

Relay stations wired together with dashed hairlines, each step an unboxed cluster of crest, title and sublabel. No cards, no shadows: done steps settle into quieter ink, waiting steps are barely written, and the active one carries a hairline of warm light beneath it. Connectors can tip with a fine arrowhead and carry a tiny ember petal, the signal traveling toward the active station.

Draw

npx shadcn@latest add @clow/workflow

Playground

props
<Workflow />

Examples

basic
vertical

Props

proptypedefault
orientationhorizontal | verticalhorizontal