5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8dc,

Overview

A powerful CMS masonry gallery component with built-in G-Lightbox support, smart image extraction, and interactive hover effects. Easily connect your Framer CMS collection to display images and videos in a beautiful, fully responsive masonry grid. Features include intelligent extraction of images from custom nested gallery components, customizable hover animations (scale, fade, slide, bounce), overlay colors, icons, and dynamic lightbox captions styled directly from the properties panel. Perfect for creating stunning portfolios, photography grids, and media galleries.

Features

Native Masonry & Grid Layouts
Smart Image Extraction (Supports Custom Components)
G Lightbox Integration (Images & Video)
Interactive Hover Effects (Scale, Fade, Slide, Bounce)
Customizable Captions

Use Cases

Portfolio Galleries — Display your creative work with a dynamic masonry layout and professional lightbox experience.
Photography Showcases — Build a stunning, Pinterest-style photography grid that effortlessly scales across devices.
Video Galleries — Showcase your video content natively within a lightbox from your CMS URLs.

Properties

Layout: Toggle Masonry/Grid, Columns, Gap, Item Radius, Shadow
Hover: Hover Animation, Overlay Color, Overlay Icon, Show Icons
Caption: Show Caption, Caption Styles, Description Box

Customization

Connect your Framer CMS collection to the component slot. Adjust the columns, gap, and layout modes to perfectly fit your content. Customize the hover animations, overlay colors, and lightbox caption typography to match your brand directly from the Framer properties panel.

License

Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Version

1.0.0

5a:[["$","$L5d",null,{"post":{"id":"019eb1d2-9265-7098-ba1c-b04c6b4b667a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"43694cfe-23ad-481d-9cf9-3c2b362055e8","name":"FramerHub.io ","slug":"framerhub","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1146220/avatar-i8EDq2pFNiTBjFGkVIIoQbuXQMMzZI.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DCzalkniUeGTEYD44nuI","resolved":true,"title":"CMSGalleryLightbox","body":"$5e","bodyJson":null,"introduction":"CMS gallery with smart lightbox & hover","slug":"cmsgallerylightbox","author":{"framerUserId":"43694cfe-23ad-481d-9cf9-3c2b362055e8","name":"FramerHub.io ","slug":"framerhub","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1146220/avatar-i8EDq2pFNiTBjFGkVIIoQbuXQMMzZI.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DCzalkniUeGTEYD44nuI/cmsgallerylightbox-pRBnAfIuvrRIv01lmG66bwAzD3PeFk","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-02T11:20:42.363Z","updatedAt":"2026-06-05T16:25:54.966Z","publishedAt":"2026-06-10T13:57:07.813Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://foolish-llama-484220.framer.app/","price":"18","paymentUrl":"https://buy.polar.sh/polar_cl_C22yrojGbl0VaV6fZ5fZAYPjSzLhAOOBitrtC3MXTtS","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"CCSideE1fQnayJRIjTtG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-10T13:57:07.813Z","updatedAt":"2026-06-10T13:57:07.813Z","reported":false}}],"$L5f"]

Suggested for you