How It Works Blocks

3 blocks

Step-by-step process sections to explain your product flow and onboarding.

Horizontal 4-step process with icons, connector line, and numbered badges.

blocks/how-it-works/steps-horizontal.tsx

Vertical timeline with icons, step numbers, and feature bullet points.

blocks/how-it-works/steps-vertical.tsx

Alternating layout with large step numbers, descriptions, and accompanying images.

blocks/how-it-works/steps-with-image.tsx

Command Palette