5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T79e,

A filterable photo gallery with a fullscreen lightbox. Drop it on a page, add your images in the panel, and you have a working portfolio grid - no CMS, no custom code, no theme setup required.

The grid

Add photos in the panel: image, title, category, location
Filter bar with an "All" button - categories are fully renamable
3 layouts: uniform grid, masonry, or a shape preset per photo
Column count set separately for desktop and tablet, single column on mobile
Hover overlay with the photo title and an adjustable zoom

The lightbox

Opens fullscreen, scoped to the active category
Arrow-key navigation, Escape or click-outside to close
Optional caption under the image: location name, Google Maps link, Instagram link
Arrows and close button beside the image or at the screen edges
Optional page zoom-out and blur behind the overlay
Photo counter you can style or hide

Made to customize

Dark, Light, or Auto theme - Auto follows your site's theme toggle or the visitor's OS setting
Every color has a dark and light value
Type any Google Font name and it loads automatically
Full control over sizes, spacing, padding, and letter spacing
Scroll-reveal animation with adjustable stagger, speed, and delay
Panel controls grouped into Theme, Content, Colors, Typography, Layout, Lightbox, Caption, and Animation

Responsive across desktop, tablet, and mobile.

Built for the Exposure photography template - https://exposuretemplate.framer.website

59:[["$","$L5c",null,{"post":{"id":"019ff52d-6298-72aa-bf3e-5da1dbd24796","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"65860270-c1db-4a57-b47f-79123facae1d","name":"Tamás Péter","slug":"petomi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/65860270-c1db-4a57-b47f-79123facae1d/rdcte4z3","followed":false,"followsYou":false},"media":[],"resources":[{"id":"g0VoapGgroM5L2W1ZGh8","resolved":true,"title":"Gallery Grid","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A filterable photo gallery with a fullscreen lightbox. Drop it on a page, add your images in the panel, and you have a working portfolio grid - no CMS, no custom code, no theme setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"The grid","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add photos in the panel: image, title, category, location"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filter bar with an \"All\" button - categories are fully renamable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 layouts: uniform grid, masonry, or a shape preset per photo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Column count set separately for desktop and tablet, single column on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover overlay with the photo title and an adjustable zoom"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The lightbox","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opens fullscreen, scoped to the active category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrow-key navigation, Escape or click-outside to close"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional caption under the image: location name, Google Maps link, Instagram link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrows and close button beside the image or at the screen edges"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional page zoom-out and blur behind the overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photo counter you can style or hide"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark, Light, or Auto theme - Auto follows your site's theme toggle or the visitor's OS setting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every color has a dark and light value"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type any Google Font name and it loads automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full control over sizes, spacing, padding, and letter spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-reveal animation with adjustable stagger, speed, and delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel controls grouped into Theme, Content, Colors, Typography, Layout, Lightbox, Caption, and Animation"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" across desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for the Exposure photography template - "},{"type":"text","text":"https://exposuretemplate.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://exposuretemplate.framer.website","target":"_blank"}}]}]}]},"introduction":"Filterable gallery with lightbox","slug":"gallery-grid","author":{"framerUserId":"65860270-c1db-4a57-b47f-79123facae1d","name":"Tamás Péter","slug":"petomi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/65860270-c1db-4a57-b47f-79123facae1d/rdcte4z3","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/65860270-c1db-4a57-b47f-79123facae1d/019ff52d-2398-71bd-9917-2905e62d7b05.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2417,"height":1813}}],"post":null,"createdAt":"2026-08-12T08:53:39.516Z","updatedAt":"2026-08-12T08:53:39.516Z","publishedAt":"2026-08-12T08:53:39.512Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Gallery-Photogrid-crozuu.js@JJ6gn9Gf5EscbtKIOWTB","previewUrl":"https://gallerygrid.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"JJ6gn9Gf5EscbtKIOWTB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-12T08:53:40.120Z","updatedAt":"2026-08-12T08:53:40.120Z","reported":false}}],"$L5e"]

Suggested for you