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 9
3 steps with connecting divider line with icon accents
How It Works Layout Style 2 9
3 steps with connecting divider line centered layout
How It Works Layout Style 3 9
3 steps with connecting divider line left-aligned layout
How It Works Layout Style 4 9
3 steps with connecting divider line 2-column variant
How It Works Layout Style 5 9
3 steps with connecting divider line 3-column variant
How It Works Layout Style 6 9
3 steps with connecting divider line compact variant
How It Works Layout Style 1 10
3 steps with connecting divider line spacious variant with extra padding
How It Works Layout Style 2 10
3 steps with connecting divider line with social-icons row
How It Works Layout Style 3 10
3 steps with connecting divider line with counter stat
How It Works Layout Style 4 10
3 steps with connecting divider line full-width layout
How It Works Layout Style 5 10
3 steps with connecting divider line narrow centered card style
How It Works Layout Style 6 10
3 steps with connecting divider line with divider below
How It Works Layout Style 1 11
3 steps with connecting divider line right-aligned layout
How It Works Layout Style 2 11
3 steps with connecting divider line 4-column variant
How It Works Layout Style 3 11
3 steps with connecting divider line with alert banner above
How It Works Layout Style 4 11
3 steps with connecting divider line with breadcrumb above
How It Works Layout Style 5 11
3 steps with connecting divider line minimal single-row
How It Works Layout Style 6 11
3 steps with connecting divider line with background container card
How It Works Layout Style 1 12
vertical timeline: 4 steps stacked
How It Works Layout Style 2 12
vertical timeline: 4 steps stacked with CTA button below
How It Works Layout Style 3 12
vertical timeline: 4 steps stacked with divider above
How It Works Layout Style 4 12
vertical timeline: 4 steps stacked with image placeholder
How It Works Layout Style 5 12
vertical timeline: 4 steps stacked with icon accents
How It Works Layout Style 6 12
vertical timeline: 4 steps stacked centered layout