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:T9a4,

What it does

Show your images beautifully, then let visitors open any one full-screen for the detail it deserves.

It's built to feel native. Smooth transitions, a refined frame, and a true full-screen experience make your images the moment visitors remember.

Easy navigation

Visitors click the arrows on desktop, or swipe and tap on mobile and tablet. Tap any image to open it full-screen, and rotate the phone freely — the view instantly re-fits to the new orientation. The active dot stays highlighted and an optional counter shows where they are in the set, so it always feels clear and easy.

What you can change

Make it yours from the properties panel:

your images
transition effect (fade, blur, scale, slide left, slide right, zoom-rotate) and speed
arrow position, size, and offset
arrow blur and shadow
custom arrow icons — upload your own
dots with show / hide, and size and inactive-dot opacity
counter with show / hide, and size
autoplay with adjustable interval
full-screen UI background and foreground colors
corner radius

Why it stands out

Full-screen lightbox — open any image edge-to-edge
Any aspect ratio, no cropping — wide, tall, square, or mixed
Swipe & tap-to-expand on mobile and tablet
Auto re-fit when the phone rotates
Custom arrow icons
Autoplay
Six transition effects to match your brand

Responsive behavior

Adapts to screen width automatically and stays clean on every device:

Desktop — arrows on the frame with dots and counter in view; click to move, click to expand.
Tablet — spacing scales to the narrower frame; swipe between images and tap to go full-screen.
Mobile — swipe-and-tap navigation, scaled down to stay clean and easy, with no horizontal scroll and no layout shift.

Open full-screen, swipe through, and rotate freely — it re-fits instantly, every time.

Use Cases

Especially good for:

photography portfolios
product galleries and feature highlights
case studies and project showcases
real-estate and listing pages

5a:[["$","$L5d",null,{"post":{"id":"019ed209-668c-7771-86c4-60d95793f77f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4634ee01-e954-4915-afb3-861c0634228e","name":"Redo","slug":"redo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4634ee01-e954-4915-afb3-861c0634228e/3fdqvb18","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2MJcmoWLxN6MkNCDUCDU","resolved":true,"title":"Full-screen Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Show your images beautifully, then let visitors open any one full-screen for the detail it deserves. "}]},{"type":"paragraph","content":[{"type":"text","text":"It's built to feel native. Smooth transitions, a refined frame, and a true full-screen experience make your images the moment visitors remember."}]},{"type":"customHeading","content":[{"type":"text","text":"Easy navigation"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Visitors click the arrows on desktop, or swipe and tap on mobile and tablet. Tap any image to open it full-screen, and rotate the phone freely — the view instantly re-fits to the new orientation. The active dot stays highlighted and an optional counter shows where they are in the set, so it always feels clear and easy."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can change"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Make it yours from the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"your images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"transition effect (fade, blur, scale, slide left, slide right, zoom-rotate) and speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"arrow position, size, and offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"arrow blur and shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"custom arrow icons — upload your own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"dots with show / hide, and size and inactive-dot opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"counter with show / hide, and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"autoplay with adjustable interval"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"full-screen UI background and foreground colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"corner radius"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why it stands out"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen lightbox — open any image edge-to-edge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any aspect ratio, no cropping — wide, tall, square, or mixed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swipe & tap-to-expand on mobile and tablet"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto re-fit when the phone rotates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom arrow icons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six transition effects to match your brand"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Responsive behavior"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Adapts to screen width automatically and stays clean on every device:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop — arrows on the frame with dots and counter in view; click to move, click to expand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet — spacing scales to the narrower frame; swipe between images and tap to go full-screen."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile — swipe-and-tap navigation, scaled down to stay clean and easy, with no horizontal scroll and no layout shift."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Open full-screen, swipe through, and rotate freely — it re-fits instantly, every time."}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Especially good for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"photography portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product galleries and feature highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"case studies and project showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"real-estate and listing pages"}]}]}]}]},"introduction":"(Pro version) +10 added features","slug":"full-screen-gallery","author":{"framerUserId":"4634ee01-e954-4915-afb3-861c0634228e","name":"Redo","slug":"redo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4634ee01-e954-4915-afb3-861c0634228e/3fdqvb18","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4634ee01-e954-4915-afb3-861c0634228e/pzgdery7","metadata":{"tint":{"h":50,"s":47,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T20:04:51.951Z","updatedAt":"2026-06-17T09:50:47.074Z","publishedAt":"2026-06-16T20:04:51.948Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://responsivegallerypro.framer.website/?editSite","price":"9","paymentUrl":"https://contra.com/payment-link/kXFLqPms-responsive-gallery-pro","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"qbhb8la81aG4b0Q9mjWa","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T20:04:51.980Z","updatedAt":"2026-06-16T20:04:51.980Z","reported":false}}],"$L5f"]

Suggested for you