domains / families / design / scroll-scrubbed-visual-sequence

scroll-scrubbed-visual-sequence

separate

Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers. Use for hero transformations, product assembly, interface state walkthroughs, object rotation, diagrams, or photo sequences that must move forward and backward with native scrolling.

When to use

• hero transformations
• product assembly
• interface state walkthroughs
• object rotation
• diagrams
• photo sequences
• reversible scroll-controlled visual transformations

When not to use

• tasks where wheel delta, elapsed time, or autoplay is the source of truth

Skill page

Source