Infinite Image Grid — looping and scroll-reactive image Grid

Infinite Messy Image Grid

Infinite Messy Image Grid is a customizable Framer component that displays your images in a scattered, organic grid layout. Instead of using a clean and predictable gallery, this component creates a more playful and dynamic visual system with movement, variation, and hover interaction.

It is built for designers who want an image gallery that feels less static and more alive.

Variants

Loop Vertical

Creates a continuous looping image grid that moves vertically.

Loop Horizontal

Creates a continuous looping image grid that moves horizontally.

Scroll Vertical

Animates the image grid vertically based on the user’s scroll position.

Scroll Horizontal

Animates the image grid horizontally based on the user’s scroll position.

Key Features

• Infinite messy image grid layout

• Add your own custom images

• Loop animation variants

• Scroll-based animation variants

• Horizontal and vertical direction controls

• Adjustable image count

• Image scale control

• Corner radius control

• Background color control

• Zoom control

• Radius control

• Spacing control

• Loop length control

• Speed control

• Messy layout control

• Variation control

• Hover size control

• Optional shadow

• Easy Framer property controls

Customization Options

You can customize the component with controls for:

• Images

• Count

• Image Scale

• Corners

• Background

• Zoom

• Radius

• Space

• Mode

• Direction

• Loop Length

• Speed

• Messy

• Variation

• Hover Size

• Shadow

Best Use Cases

Infinite Messy Image Grid works well for:

• Creative portfolio websites

• Photography galleries

• Agency websites

• Fashion lookbooks

• Product showcases

• Artist websites

• SaaS hero sections

• Event pages

• Brand campaign pages

• Experimental landing pages

Why Use It

Most image grids feel too clean, too flat, or too predictable. Infinite Messy Image Grid gives your images a more natural, editorial, and animated feel while still being easy to customize inside Framer.

It is great when you want a visual section that feels energetic, creative, and less template-like.

What’s Included

• Fully customizable Framer component

• Infinite messy image grid layout

• Vertical loop variant

• Horizontal loop variant

• Vertical scroll variant

• Horizontal scroll variant

• Hover size interaction

• Visual property controls

• Reusable component setup

• Works with your own images