---
title: "Image Suffle Grid — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Galleries. Animated image grid with shuffle"
canonical: "https://framer.elliotli.dev/component/image-suffle-grid"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Image Suffle Grid

# Image Suffle Grid

Animated image grid with shuffle

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

![Image Suffle Grid preview image 1](https://framer.elliotli.dev/og/component/image-suffle-grid/30482a602777d48d/1600x1200.jpg)

## Summary

Animated image grid with shuffle

## Description

**Image Shuffle Grid** is a highly visual, animated gallery component that brings motion and energy to any website. It automatically shuffles images at your preferred interval and supports multiple grid sizes, making it perfect for sports, photography, portfolios, fashion, or modern landing pages. Customize spacing, corner radius, background color, and more — no coding required.

This grid automatically reshuffles images at your chosen interval and adapts to 3×3, 4×4, or 5×5 layouts.

## ✨ Features

-   **Shuffle Animation** — Images auto-shuffle on your chosen interval for dynamic motion.
    
-   **Grid Size Options** — Choose between **3×3**, **4×4**, or **5×5** layouts.
    
-   **Easy Image Management** — Upload images or use direct image URLs.
    
-   **Smooth Customization** — Control spacing, radius, background color, and more.
    
-   **Responsive** — Works beautifully across all breakpoints.
    

## ⚙️ Customization Options

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-r1o1qdi3-Z2HqiSwJ4fNwYa3yNAuRAIpbvvfjBy)

### Grid Settings

-   **Grid Size:** 3×3 / 4×4 / 5×5
    
-   **Shuffle Interval (ms):** Adjust how often images shuffle (e.g., 1500ms, 2000ms, etc.)
    

### Image Settings

-   **Upload Image / Image URL**
    
-   **Image Radius:** Adjust corner rounding
    
-   **Gap Size:** Control spacing between images
    

### Styling

-   **Background Color:** Choose any background tone
    
-   **Hover Effects (optional):** Smooth scale or highlight
    

## 📂 Image Item Inputs

For each image, the user can add:

-   **Image (Upload or URL)**
    

## 🔑 Keywords

image shuffle grid, image grid animation, dynamic image grid, shuffling gallery component, interactive image grid, animated grid layout, framer gallery component, auto shuffle images, photo grid animation, visual content grid,

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

-   All · #9559

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-11-25
- **Updated**: 2026-04-27
- **Added**: 2025-11-18
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery