📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
How It Works / Process
Step-by-step guides, timelines, and process flows
410 components - V3 300 · V4 110
📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
How It Works Layout Style 1
3 numbered steps horizontal
How It Works Layout Style 2
3 numbered steps horizontal with CTA button below
How It Works Layout Style 3
3 numbered steps horizontal with divider above
V3 AdaptiveHow It Works Layout Style 4
3 numbered steps horizontal with image placeholder
How It Works Layout Style 5
3 numbered steps horizontal with icon accents
How It Works Layout Style 6
3 numbered steps horizontal centered layout
Get new V4 components weekly
We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.
No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.
How It Works Layout Style 1 2
3 numbered steps horizontal left-aligned layout
How It Works Layout Style 2 2
3 numbered steps horizontal 2-column variant
How It Works Layout Style 3 2
3 numbered steps horizontal 3-column variant
How It Works Layout Style 4 2
3 numbered steps horizontal compact variant
How It Works Layout Style 5 2
3 numbered steps horizontal spacious variant with extra padding
How It Works Layout Style 6 2
3 numbered steps horizontal with social-icons row
How It Works Layout Style 1 3
3 numbered steps horizontal with counter stat
How It Works Layout Style 2 3
3 numbered steps horizontal full-width layout
How It Works Layout Style 3 3
3 numbered steps horizontal narrow centered card style
How It Works Layout Style 4 3
3 numbered steps horizontal with divider below
How It Works Layout Style 5 3
3 numbered steps horizontal right-aligned layout
How It Works Layout Style 6 3
3 numbered steps horizontal 4-column variant
V3 AdaptiveHow It Works Layout Style 1 4
3 numbered steps horizontal with alert banner above
How It Works Layout Style 2 4
3 numbered steps horizontal with breadcrumb above
How It Works Layout Style 3 4
3 numbered steps horizontal minimal single-row
How It Works Layout Style 4 4
3 numbered steps horizontal with background container card
How It Works Layout Style 5 4
4 numbered steps horizontal
How It Works Layout Style 6 4
4 numbered steps horizontal with CTA button below