Image Scroll Scrub
Animate an image sequence by scrolling. Smooth canvas rendering, retina-ready. Control frames and scroll distance in pixels. Ideal for product reveals and 3D spins.
Make it with Workshop
Build your own component with AI
About this Component
Bring products and visuals to life as users scroll. This component plays a frame‑by‑frame image sequence tied to scroll progress for buttery‑smooth, canvas‑rendered animations. Great for product reveals, 3D spins, and storytelling. Retina‑ready, responsive, and easy to drop into any layout.
Key features
Plays as you scroll – the image sequence moves forward or backward in sync with scrolling
Ultra‑smooth animation – every frame feels fluid and natural
Fits any screen – automatically adapts to desktop, tablet, and mobile
Stays perfectly aligned – no unexpected jumps or layout shifts
Smart performance – only runs when visible, keeping your page fast
How it works
Drop the component anywhere on your canvas
Upload or link your image sequence (frames must be ordered for smooth playback)
Set the scroll distance to control how fast or slow the animation plays
Preview, fine‑tune, and publish
