Infinite Icon Grid

An infinite, draggable image grid built as a native Framer Code Component. Drag in any direction and the grid repeats seamlessly forever, with no empty edges. Perfect as an interactive hero background, an icon wall, or a full-page section that invites people to explore.

Every detail is controllable from the property panel. Upload up to 10 images, then tune cell size, spacing, padding, and corner radius to match your design. Rows are offset for an organic, editorial feel that never looks like an obvious repeat.

Built for polish: images fade softly into the background at the edges, lift on hover, and react to your drag speed for a tactile, physical feel. It responds to both drag and scroll, stays smooth at any size, and passes clicks through to content beneath it.

Features

• Infinite seamless drag in every direction

• Up to 10 custom images

• Edge fade for a clean, dissolving border

• Hover lift with soft shadow

• Drag-velocity response for tactile motion

• Scroll and drag support

• Click-through so it works as a background layer

• Fully responsive and performance-friendly

How to use

Drop it into any frame, upload your images, and adjust the controls to taste. Works beautifully as a hero background or a standalone interactive section.