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

looping and scroll-reactive image Grid