5c:I[333483,["/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2g1-svyitruaw.js","/creators-assets/_next/static/immutable/chunks/2b5cxzb67_1ly.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/27tv74g0ylm-9.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/42t2lmjzk29f-.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/1fk3xiz40jsei.js","/creators-assets/_next/static/immutable/chunks/3epu8cl3lqon0.js","/creators-assets/_next/static/immutable/chunks/1a76m297ea_ip.js","/creators-assets/_next/static/immutable/chunks/2ya_ftprgwh4o.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/13drmorrvlvtw.js","/creators-assets/_next/static/immutable/chunks/3pgym_pkc-y-q.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/02hvv1fzvt9c4.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3btmtdncmfoz8.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/34tdjji5bsp8p.js","/creators-assets/_next/static/immutable/chunks/24m05qh8-cey5.js","/creators-assets/_next/static/immutable/chunks/332vzaq_p6q-i.js","/creators-assets/_next/static/immutable/chunks/1fvrye_9gm367.js","/creators-assets/_next/static/immutable/chunks/3s2ucmapivl2j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/20p7v4k5-b-k1.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/0p-ykuu58axvn.js"],"PostDetailCard"] 5d:T96d,

3D Editorial Gallery is a refined editorial-style image gallery for Framer, designed to showcase photography, portfolios, creative projects, and visual stories in a flexible masonry layout. It combines varied image proportions, smooth reveal animations, subtle hover zoom, category filtering, and an immersive focus view for a polished gallery experience.

HOW TO USE

Add 3D Editorial Gallery to your Framer page
Add your images to the gallery
Add titles, categories, years, and alt text
Choose automatic or manual featured layouts
Customize desktop, tablet, and mobile columns
Adjust spacing, image fit, radius, and hover effects
Choose where metadata appears: hidden, below, or overlay
Enable category filters when needed
Enable Focus View for a fullscreen image experience
Customize typography, colors, and animation
Adjust the layout for different screen sizes
Publish your site and your editorial gallery is ready

KEY FEATURES

Editorial-style masonry image gallery
Responsive masonry grid
Automatic or manual featured layouts
Multiple image proportions and tile sizes
Category filtering
Fullscreen Focus View
Keyboard and touch navigation
Smooth image reveal animations
Subtle hover zoom effects
Optional inspection cursor
Image numbering and metadata
Custom titles, categories, and years
Responsive desktop, tablet, and mobile layouts
Custom typography and colors
Reduced-motion support
Fully customizable in Framer
No-code setup

WHY 3D EDITORIAL GALLERY?

Perfect for creative portfolios, photography websites, design studios, fashion brands, architecture portfolios, art direction, agencies, and editorial websites. 3D Editorial Gallery brings an editorial photography aesthetic to modern Framer websites with a responsive masonry image gallery, flexible layouts, smooth interactions, and an immersive fullscreen viewing experience.

59:[["$","$L5c",null,{"post":{"id":"01a00463-2bbf-71f8-a820-95462224ad61","title":null,"body":"

Just launched 3D Editorial Gallery ✦

A refined editorial-style masonry gallery for Framer with adaptive layouts, featured tiles, category filters, hover interactions, and a smooth fullscreen Focus View.

If you like it, give it a ❤ and let me know what you think!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"3D Editorial Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"A refined editorial-style masonry gallery for Framer with adaptive layouts, featured tiles, category filters, hover interactions, and a smooth fullscreen Focus View."}]},{"type":"paragraph","content":[{"type":"text","text":"If you like it, give it a "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" and let me know what you think!"}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vQGCYLbSoJwRN2dOVxeL","resolved":true,"title":"3D Editorial Gallery","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Editorial Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is a refined editorial-style image gallery for Framer, designed to showcase photography, portfolios, creative projects, and visual stories in a flexible masonry layout. It combines varied image proportions, smooth reveal animations, subtle hover zoom, category filtering, and an immersive focus view for a polished gallery experience."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"3D Editorial Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your images to the gallery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add titles, categories, years, and alt text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose automatic or manual featured layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize desktop, tablet, and mobile columns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust spacing, image fit, radius, and hover effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose where metadata appears: hidden, below, or overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable category filters when needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable Focus View for a fullscreen image experience"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize typography, colors, and animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the layout for different screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site and your editorial gallery is ready"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial-style masonry image gallery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive masonry grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic or manual featured layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple image proportions and tile sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Category filtering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen Focus View"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard and touch navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth image reveal animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle hover zoom effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional inspection cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image numbering and metadata"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom titles, categories, and years"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet, and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom typography and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable in Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-code setup"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY 3D EDITORIAL GALLERY?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"creative portfolios, photography websites, design studios, fashion brands, architecture portfolios, art direction, agencies, and editorial websites","marks":[{"type":"bold"}]},{"type":"text","text":". "},{"type":"text","text":"3D Editorial Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" brings an editorial photography aesthetic to modern Framer websites with a responsive "},{"type":"text","text":"masonry image gallery","marks":[{"type":"bold"}]},{"type":"text","text":", flexible layouts, smooth interactions, and an immersive fullscreen viewing experience."}]}]},"introduction":"Immersive Modern Image Gallery","slug":"3d-editorial-gallery","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a00462-0a04-704c-9392-38425e06c16c.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-15T07:46:42.731Z","updatedAt":"2026-08-16T10:36:57.925Z","publishedAt":"2026-08-15T07:46:42.727Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3deditorialgallery.framer.website/","price":"20","paymentUrl":"https://buy.polar.sh/polar_cl_jlxxpItKgz6DjHKyiYymACqm4oZOU0bbey6lw3Q4s8d","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"uQ2Gkrzfv1Mqwcw1VmkM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-15T07:46:43.264Z","updatedAt":"2026-08-15T07:46:43.264Z","reported":false}}],"$L5e"]

Suggested for you