How It Works.

Name: Hirael
Author: Mohammad Shehadeh

Numbered step rows and onboarding flows that walk through how a product works.

1 block, live at full size, install from here

01 / 01How it works · 3 steps · connector line

Process 1

How-it-works section with a three-step row: each step pairs an icon badge, a Step NN label, a title and a short body, joined by a hairline connector on desktop.

1 fileCode Details

npx shadcn@latest add https://hirael.com/r/process-01.json