Skip to content

component

Masonry Caption Grid

By Milo Zoppini

Details

Summary

How to use Drag Masonry Caption Grid onto your canvas.

Description

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

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300130918/148/228/309/79/15
  • All · #2311