Skip to content
38

How It Works.

How-it-works sections: numbered step rows and onboarding flows that walk a visitor through a product in three or four steps.

2 blocks, live at full size, install from here

01 / 02Getting started, 3 steps, index kicker

Process 01

Team onboarding in three indexed steps (invite, connect tools, ship the first project), each with a primary hairline, a title, a body and a short detail line.

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

02 / 02Four steps, Filling connector, Copyable command

Process 02

Four-step install section. Picking a step fills the connector up to it and swaps in a detail panel with a short checklist, and the section closes on a copyable install command.

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