unvibed.
Menu
Free UI audit
All motion techniques

Frame scrub.

Inspect six stills of a folded sheet opening. Each slider stop names an angle, so you can step backward to inspect the fold.

Frame 1 of 6 · Fold at 15°

Resting states
Folded to 15° → Open at 90°
Reduced motion
The slider and step buttons select one still at a time, with no playback.

Implementation excerpt

<input type="range" min="1" max="6" step="1"
  value={frame} onChange={e => setFrame(Number(e.target.value))} />

Where Unvibed uses it

This public print-desk example is the site’s demonstration of frame scrub.

Related design directions