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 33
3 steps with image placeholders right-aligned layout
How It Works Layout Style 2 33
3 steps with image placeholders 4-column variant
How It Works Layout Style 3 33
3 steps with image placeholders with alert banner above
How It Works Layout Style 4 33
3 steps with image placeholders with breadcrumb above
How It Works Layout Style 5 33
3 steps with image placeholders minimal single-row
How It Works Layout Style 6 33
3 steps with image placeholders with background container card
How It Works Layout Style 1 34
process flow: icons in a row with labels below
How It Works Layout Style 2 34
process flow: icons in a row with labels below with CTA button below
How It Works Layout Style 3 34
process flow: icons in a row with labels below with divider above
How It Works Layout Style 4 34
process flow: icons in a row with labels below with image placeholder
How It Works Layout Style 5 34
process flow: icons in a row with labels below with icon accents
How It Works Layout Style 6 34
process flow: icons in a row with labels below centered layout
How It Works Layout Style 1 35
process flow: icons in a row with labels below left-aligned layout
How It Works Layout Style 2 35
process flow: icons in a row with labels below 2-column variant
How It Works Layout Style 3 35
process flow: icons in a row with labels below 3-column variant
How It Works Layout Style 4 35
process flow: icons in a row with labels below compact variant
How It Works Layout Style 5 35
process flow: icons in a row with labels below spacious variant with extra padding
How It Works Layout Style 6 35
process flow: icons in a row with labels below with social-icons row
How It Works Layout Style 1 36
process flow: icons in a row with labels below with counter stat
How It Works Layout Style 2 36
process flow: icons in a row with labels below full-width layout
How It Works Layout Style 3 36
process flow: icons in a row with labels below narrow centered card style
How It Works Layout Style 4 36
process flow: icons in a row with labels below with divider below
How It Works Layout Style 5 36
process flow: icons in a row with labels below right-aligned layout
How It Works Layout Style 6 36
process flow: icons in a row with labels below 4-column variant