Steps Components

A process section with a sticky heading and step index on the left and a column of photo steps on the right. The step that crosses the middle of the screen becomes active, and the index follows it.

A how-it-works section in one divided panel. Each step pairs a short title with a small interface element built from Starwind components, such as a field, a time picker, a quote, or a progress bar.

An accessible accordion laid out on a vertical timeline. Each item carries a time label, and its node fills and rings when the item opens.

A clean editorial stacked feature section with left-side imagery, right-side copy, stats, and Motion-powered scroll reveals.

A vertical process section with numbered steps on the left and a tall editorial image on the right.

A cinematic stacked feature section with background-image cards, glass content panels, and Motion-powered scroll reveals.

Clean vertical timeline with numbered steps and connecting line. Simple and scannable for onboarding or process flows.

Premium horizontal step cards with icons, gradient connectors, and glassmorphism styling. Responsive layout stacks on mobile.

Services presented as a step-by-step process timeline. Perfect for explaining service workflows and customer journeys.

Vertical timeline layout showcasing a step-by-step process. Features alternate left/right content on larger screens with progress line and numbered badges.