Alternate Journey Path — Wavy Zig-Zag Steps
Steps switch left and right along a soft wavy line.
How to use: add the Journey Path block and choose alternate · soft · wave in its style settings
What you can customize in this widget
Split Journey Path — Paper Style Curve
Steps on one side, visuals on the other, on a paper-like background.
How to use: add the Journey Path block and choose split · paper · curve in its style settings
What you can customize in this widget
Snake Journey Path — Dark Wave
Steps snake down the page on a dark theme.
How to use: add the Journey Path block and choose snake · dark · wave in its style settings
What you can customize in this widget
Left Rail Journey Path — Straight Line
Clean straight line on the left with steps beside it.
How to use: add the Journey Path block and choose rail-left · light · straight in its style settings
What you can customize in this widget
Right Rail Journey Path — Night Steps
Steps on a right-side rail with a dark night style.
How to use: add the Journey Path block and choose rail-right · night · steps in its style settings
What you can customize in this widget
Center Journey Path — Gradient Zig-Zag
Center line with gradient steps zig-zagging on both sides.
How to use: add the Journey Path block and choose center · gradient · zigzag in its style settings
What you can customize in this widget
Sticky Journey Path — Outline Curve
The path stays pinned while steps scroll past.
How to use: add the Journey Path block and choose sticky · outline · curve in its style settings
What you can customize in this widget
Alternate Journey Path — Plain Zig-Zag
Zig-zag steps with no background — light and clean.
How to use: add the Journey Path block and choose alternate · zigzag in its style settings
What you can customize in this widget
Split Journey Path — Night Wave
Split layout with a dark wave for a premium feel.
How to use: add the Journey Path block and choose split · night · wave in its style settings
What you can customize in this widget
Snake Journey Path — Paper Curve
Snake path on paper texture, feels handmade.
How to use: add the Journey Path block and choose snake · paper · curve in its style settings
What you can customize in this widget
Left Rail Journey Path — Dark Steps
Left rail with dark step cards.
How to use: add the Journey Path block and choose rail-left · dark · steps in its style settings
What you can customize in this widget
Right Rail Journey Path — Soft Straight
Right rail with soft pastel steps.
How to use: add the Journey Path block and choose rail-right · soft · straight in its style settings
What you can customize in this widget
Center Journey Path — Light Wave
Light theme with a wavy center line.
How to use: add the Journey Path block and choose center · light · wave in its style settings
What you can customize in this widget
Sticky Journey Path — Dark Zig-Zag
Pinned dark path with zig-zag steps.
How to use: add the Journey Path block and choose sticky · dark · zigzag in its style settings
What you can customize in this widget
Alternate Journey Path — Gradient Steps
Alternating steps with gradient highlights.
How to use: add the Journey Path block and choose alternate · gradient · steps in its style settings
What you can customize in this widget
Split Journey Path — Outline Straight
Clean split layout with outline style and straight line.
How to use: add the Journey Path block and choose split · outline · straight in its style settings




































































