---
title: "Scroll shuffle — Framer component · Best of Framer"
description: "$7.00 · Framer component · by MO/MO · Sections. Scroll Shuffle is a sticky card interaction that changes between cards as visitors scroll through your content."
canonical: "https://framer.elliotli.dev/component/scroll-shuffle"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Scroll shuffle

# Scroll shuffle

Scroll-driven card animation

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

![Scroll shuffle preview image 1](https://framer.elliotli.dev/og/component/scroll-shuffle/befc5f0a4969b257/1600x1200.jpg)

## Summary

Scroll Shuffle is a sticky card interaction that changes between cards as visitors scroll through your content.

## Description

### Scroll Shuffle

Scroll Shuffle is a sticky card interaction that changes between cards as visitors scroll through your content. Each scroll position reveals a different card, creating a smooth, engaging way to present multiple images or visuals within a single section.

Use it for **creative agency services, portfolios, case studies, project showcases, product features, photography, or any section where you want visuals to change alongside scrolling content.**

**Easy to use**

Add the component to your page, customize the cards and images, then connect each state of the component using Framer Scroll Sections. The card automatically transitions as visitors scroll.

A Remix project is included in the checkout email, showing the complete setup and how the component works in a real section.

**Refund Policy**

Due to the digital nature of this product, all sales are final, and refunds will not be issued. Please ensure you review all product details carefully before purchasing. If you have any questions or need further clarification, feel free to reach out before completing your purchase.

**Questions & Support**

Reach out any time via email at [momokham699@gmail.com](mailto:momokham699@gmail.com)

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

-   All · #5410

## Details

- **Author**: MO/MO
- **Price**: $7.00
- **Published**: 2026-08-29
- **Updated**: 2026-09-15
- **Added**: 2026-08-29
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes