Three interactive examples showing what you can build with scroll-triggered state changes. Pick one.
1
Progress Bar
A gradient bar fills as you scroll through sections. Each section triggers the next state.
2
Floating Dots
Glowing dots on the side activate one at a time as you scroll. Click to jump.
3
Text Nav
A fixed text menu highlights the active section label as you scroll. Fully clickable.
HOME
/
PROGRESS
DOTS
NAV