Masonry Image Grid

🔗 Live preview →

👉 Browse more free templates →

A flexible masonry image grid with customizable columns, spacing, hover effects, and an optional fullscreen lightbox. Images can be revealed with smooth entrance animations, loaded progressively as you scroll, and explored with drag, swipe, or mouse wheel interactions.

Features

• Responsive masonry-style image grid with 1–6 columns

• Customizable image gap and border radius

• Optional infinite scroll with adjustable image loading count

• Smooth image entrance animation with adjustable distance, duration, and stagger

• Optional image hover overlay with customizable text, color, font, and padding

• Optional fullscreen lightbox

• Drag and swipe navigation inside the lightbox

• Mouse wheel support for horizontal lightbox scrolling

• Momentum scrolling with adjustable smoothness

• Customizable lightbox image height and padding

• Optional interaction hint with editable text, font, color, and position

• Customizable lightbox overlay and close button

• Keyboard support with Escape to close the lightbox

• Customizable image alt text for accessibility

• Static-renderer support for cleaner exports and previews