Gallery Randomizer: Premium UI Component by Integry

About this Component

Tutorial

A fully customizable image grid with random ordering, adjustable gaps, hover zoom, fade-in loading, null-image support, and per-image links. Great for product showcases, portfolios, and collage-style layouts.

The Gallery Randomizer is a versatile image grid component for Framer that gives you full creative control over how your images appear. Randomize the order of images, customize spacing, fine-tune hover effects, fade them in as they load, or leave certain cells empty for an organic collage look.

Each image supports its own link, works with natural aspect ratios, and adapts instantly to any layout. Whether you're building a product grid, a moodboard, or a lifestyle gallery, this component is simple to use, lightweight, and highly flexible.

Key Features

Random Image Order — Shuffle the grid every time the page loads.
Adjustable Columns — Choose from 1 to 8 columns for full layout control.
Independent Gaps — Customize horizontal and vertical spacing separately.
Null Image Support — Leave empty slots for creative, asymmetric layouts.
Hover Zoom Effect — Smooth and adjustable zoom interaction on hover.
Fade-In Loading — Images fade in individually when they’re ready.
Image Fit Controls — Choose between cover, contain, or fill.
Link per Image — Each image can have its own link with optional new-tab behavior.
Aspect Ratio Aware — Keeps natural proportions when available.
Fully Responsive — Works in any frame, layout, or container.