---
title: "Image Scroll Scrub — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Chris Maehl · Interactive. Bring products and visuals to life as users scroll."
canonical: "https://framer.elliotli.dev/component/image-scroll-scrub"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Image Scroll Scrub

# Image Scroll Scrub

[View on Framer](https://framer.com/marketplace/components/image-scroll-scrub/?via=elliot-li)

![Image Scroll Scrub preview image 1](https://framer.elliotli.dev/og/component/image-scroll-scrub/18d309a28e40ef74/1600x1200.jpg)

## Summary

Bring products and visuals to life as users scroll.

## Description

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**

1.  Drop the component anywhere on your canvas
    
2.  Upload or link your image sequence (frames must be ordered for smooth playback)
    
3.  Set the scroll distance to control how fast or slow the animation plays
    
4.  Preview, fine‑tune, and publish
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10670

## Details

- **Author**: Chris Maehl
- **Price**: $5.00
- **Published**: 2025-09-24
- **Updated**: 2025-09-24
- **Added**: 2025-09-14
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step