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