---
title: "Scroll Image Reel — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Interactive. About A scroll-driven image sequencer that smoothly transitions between multiple images based on the user's scroll position."
canonical: "https://framer.elliotli.dev/component/scroll-image-reel"
---

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

# Scroll Image Reel

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

![Scroll Image Reel preview image 1](https://framer.elliotli.dev/og/component/scroll-image-reel/d6c5e236795609e9/1600x1200.jpg)

## Summary

About A scroll-driven image sequencer that smoothly transitions between multiple images based on the user's scroll position.

## Description

## About

A scroll-driven image sequencer that smoothly transitions between multiple images based on the user's scroll position. It creates an engaging visual narrative that adapts to the scrolling speed and direction. Perfect for visual storytelling, product showcases, or creating immersive scrolling experiences. Ideal for case studies, photography portfolios.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Copy and paste the ScrollImages component into your project file. Place your component where you want the scroll effect to trigger. Images will automatically transition as users scroll through your design.
    
2.  Upload your sequence of images to the Images array
    
3.  Adjust the speed to control how quickly images change
    
4.  Test the scroll behavior to ensure proper timing and transitions
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-cr3bzpao-0OHib7utcHsafleh5tZX0om2K10K0O)

The component can be customized using:

-   Images: Upload multiple images to transition between
    
-   Speed: Control how quickly images change while scrolling
    
-   Object Fit: Adjust how images fill the container
    
-   Border Radius: Round the corners of the container
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Refund Policy

If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

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

-   All · #11281

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2025-09-25
- **Updated**: 2025-09-24
- **Added**: 2025-09-18
- **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