component
Masonry Caption Grid
By Milo Zoppini
Details
- Milo ZoppiniAuthor
- componentType
- 2025-09-02Published
- 2025-09-02Updated
- 2025-08-13Added
- GalleriesCategories
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.
- All · #2311