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

What it does

RentalGallery gives your Framer site a premium property-style photo gallery. It displays one large hero image with a responsive glass thumbnail strip and a “Full Gallery” button. Visitors can click the hero, thumbnails, or gallery button to open a full-screen modal viewer with next/previous navigation, captions, image counter, keyboard controls, and swipe gestures.

Features

Supports up to 18 editable images with alt text and optional captions. The main hero image fills the component with a subtle bottom gradient for depth. A floating glass thumbnail strip automatically adapts to the component width, showing fewer thumbnails on compact layouts and more on larger screens. Thumbnail clicks update the active hero image, and the selected thumbnail receives a clear active state. The full gallery button opens an immersive lightbox modal with image counter, close button, previous and next buttons, optional captions, and large contained image display. Keyboard support includes Escape to close, Arrow Left and Arrow Right to navigate, and Tab focus trapping inside the modal. Swipe gestures on touch devices move between images. Opening the modal locks body scroll, restores focus when closed, and uses accessible dialog attributes. Styling controls include hero radius, thumbnail radius, glass overlay opacity, button label, font, caption font, and caption visibility.

How to use

Add RentalGallery to your Framer canvas and upload your image list in the property panel. Add alt text for accessibility and captions if you want descriptive text in the full-screen viewer. Customize the button label, corner radius, thumbnail radius, glass overlay opacity, font, and caption font. Resize the component freely; the gallery automatically adjusts its thumbnail count and layout based on available width.

Ideal for

Vacation rental pages, Airbnb-style listings, boutique hotel sites, real estate landing pages, interior design portfolios, architecture case studies, property management websites, luxury stay showcases, venue pages, apartment listings, and any Framer site that needs a polished image gallery with a premium full-screen viewing experience.Refund Policy

This is a digital product with instant access. All sales are final once the files or download link have been delivered, except where required by law. Refunds are not offered for change of mind, accidental purchases, lack of Framer experience, failure to read the description, third-party compatibility issues, or changes made after purchase. If the component has a reproducible technical defect caused by the original product, contact me within 7 days with your order email and evidence of the issue. I will first try to fix or replace the file. A refund may only be considered if the issue cannot be resolved. Your statutory rights are not affected.

5a:[["$","$L5d",null,{"post":{"id":"019e68ed-c5df-7ba7-81ab-ea51049477b1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2aa1c8b3-7537-46a8-a900-110c4e9d5ea9","name":"Spyridon Merkouris","slug":"spyridon-merkouris","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2109501/avatar-cFtiy7MwEgg752DMyUE5kNTlTumFuR.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IAzLlrbYvIrqEamchNn7","resolved":true,"title":"PropertyGallery","body":"$5e","bodyJson":null,"introduction":"Property gallery with modal viewer","slug":"propertygallery","author":{"framerUserId":"2aa1c8b3-7537-46a8-a900-110c4e9d5ea9","name":"Spyridon Merkouris","slug":"spyridon-merkouris","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2109501/avatar-cFtiy7MwEgg752DMyUE5kNTlTumFuR.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IAzLlrbYvIrqEamchNn7/propertygallery-b58m4Bui68o7c47bTZSInjP63W3aJw","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-19T21:01:30.164Z","updatedAt":"2026-05-27T08:02:21.358Z","publishedAt":"2026-05-27T10:14:33.695Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cuddly-globe-564019.framer.app","price":"5","paymentUrl":"https://payhip.com/b/6Kecy","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"YGgf8pnDc2KK97tX74UM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-27T10:14:33.695Z","updatedAt":"2026-05-27T10:14:33.695Z","reported":false}}],"$L5f"]

Suggested for you