How It Works / Process
Step-by-step guides, timelines, and process flows
410 components - V3 300 free · V4 110 with a paid plan

How It Works Layout Style 1 41
steps + video (overview) above minimal single-row

How It Works Layout Style 2 41
steps + video (overview) above with background container card

How It Works Layout Style 3 41
steps + CTA (get started) below

How It Works Layout Style 4 41
steps + CTA (get started) below with CTA button below

How It Works Layout Style 5 41
steps + CTA (get started) below with divider above

How It Works Layout Style 6 41
steps + CTA (get started) below with image placeholder

How It Works Layout Style 1 42
steps + CTA (get started) below with icon accents

How It Works Layout Style 2 42
steps + CTA (get started) below centered layout

How It Works Layout Style 3 42
steps + CTA (get started) below left-aligned layout

How It Works Layout Style 4 42
steps + CTA (get started) below 2-column variant

How It Works Layout Style 5 42
steps + CTA (get started) below 3-column variant

How It Works Layout Style 6 42
steps + CTA (get started) below compact variant

How It Works Layout Style 1 43
steps + CTA (get started) below spacious variant with extra padding

How It Works Layout Style 2 43
steps + CTA (get started) below with social-icons row

How It Works Layout Style 3 43
steps + CTA (get started) below with counter stat

How It Works Layout Style 4 43
steps + CTA (get started) below full-width layout

How It Works Layout Style 5 43
steps + CTA (get started) below narrow centered card style

How It Works Layout Style 6 43
steps + CTA (get started) below with divider below

How It Works Layout Style 1 44
steps + CTA (get started) below right-aligned layout

How It Works Layout Style 2 44
steps + CTA (get started) below 4-column variant

How It Works Layout Style 3 44
steps + CTA (get started) below with alert banner above

How It Works Layout Style 4 44
steps + CTA (get started) below with breadcrumb above

How It Works Layout Style 5 44
steps + CTA (get started) below minimal single-row

How It Works Layout Style 6 44
steps + CTA (get started) below with background container card