Masonry Caption Grid
Seamless image grid with no gaps. Keeps each image’s original aspect ratio for a clean, responsive mosaic that adapts to any screen size.
Make it with Workshop
Build your own component with AI
Create beautiful, gapless image grids where every photo keeps its original proportions. Perfect for portfolios, galleries, or moodboards.
Features
No gaps: Seamless masonry layout with zero spacing.
True aspect ratio: Images render in their native proportions.
Captions built-in: Per-image title & subtitle with alignment controls.
Readable overlays: Solid/gradient background, static or on hover.
Motion: Smooth hover states and optional scroll-reveal animations.
Responsive: Set different column counts per breakpoint.
Easy ordering: Drag to rearrange images right in the canvas.
Lightweight: Optimized for performance and lazy-loaded images.
Accessible: Keyboard focus and alt text support.
How to use
Drag Masonry Caption Grid onto your canvas.
Add images in Images (title & subtitle are optional).
Choose columns per breakpoint (mobile/tablet/desktop).
(Optional) Tune Overlay: position, static/hover, background and text.
(Optional) Enable Scroll Animations and tweak Hover intensity.
(Optional) Set corner radius and max width.
Best for
Portfolios
Lookbooks
Moodboards
Event recaps
