GSAP transition library Back to index

Scroll / snap ruler

Progress locks into readable steps.

A scroll pattern for product tours and case studies where each beat needs a clear position.

Step 01

Map signal.

Start with the first decision surface.

Step 02

Find shape.

Snap the scroll position into the next readable state.

Step 03

Resolve risk.

Use depth to keep previous context nearby.

Step 04

Ship action.

Finish with one stable final card.