Skip to content

component

Infinite Icon Grid

By Daniil Filatov

Details

Summary

Infinitely repeating image grid

Description

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.

Introduction

Infinitely repeating image grid

Rank history

Daily rank per list, from the first snapshot — lower is better.

15011001150116268/148/228/309/79/15
  • All · #1596