Masonry Caption Grid

Show Preview
Masonry Caption Grid

About Masonry Caption Grid

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

  1. Drag Masonry Caption Grid onto your canvas.

  2. Add images in Images (title & subtitle are optional).

  3. Choose columns per breakpoint (mobile/tablet/desktop).

  4. (Optional) Tune Overlay: position, static/hover, background and text.

  5. (Optional) Enable Scroll Animations and tweak Hover intensity.

  6. (Optional) Set corner radius and max width.

Best for

  • Portfolios

  • Lookbooks

  • Moodboards

  • Event recaps