RentalGallery gives your Framer site a premium property-style image gallery. It displays a large full-bleed hero image with a floating thumbnail strip and a “Full Gallery” button. Visitors can preview images from the thumbnail strip or open a full-screen lightbox to browse every photo with arrows, keyboard controls, swipe gestures, and a clean image counter.
Supports up to 30 editable image slots directly in the Framer property panel. Automatically normalizes Framer image values and generates alt text using a customizable alt prefix. The main image uses a full-bleed hero layout with smooth fade and scale transitions between images. A responsive floating control strip adapts based on component width, showing fewer thumbnails on compact layouts and more thumbnails on larger layouts. Thumbnail controls include loading skeletons, active image indication, hover lift, selected borders, and glass-style panel styling. The full gallery opens in a portal-based modal with a blurred dark backdrop, close button, previous/next controls, image counter, and animated entrance/exit states. Includes keyboard support for Escape, Arrow Left, Arrow Right, and Tab focus trapping. Touch swipe navigation works on mobile. The modal locks background scroll, preserves scroll position, restores focus when closed, blocks outside wheel/touch scrolling, and preloads nearby images for smoother browsing. Styling controls include button label, button colors, indicator color, corner radius, thumbnail radius, glass opacity, alt prefix, and font.
Add RentalGallery to your Framer canvas and upload images into the image slots. Set the alt prefix, button label, corner radius, thumbnail radius, glass opacity, button colors, and font. Use high-quality interior, exterior, rental, hotel, or property images for the best result. Place the component near the top of a listing page, property detail page, Airbnb-style layout, hotel landing page, or real estate showcase.
RentalGallery gives your Framer site a premium property-style image gallery. It displays a large full-bleed hero image with a floating thumbnail strip and a “Full Gallery” button. Visitors can preview images from the thumbnail strip or open a full-screen lightbox to browse every photo with arrows, keyboard controls, swipe gestures, and a clean image counter.
Supports up to 30 editable image slots directly in the Framer property panel. Automatically normalizes Framer image values and generates alt text using a customizable alt prefix. The main image uses a full-bleed hero layout with smooth fade and scale transitions between images. A responsive floating control strip adapts based on component width, showing fewer thumbnails on compact layouts and more thumbnails on larger layouts. Thumbnail controls include loading skeletons, active image indication, hover lift, selected borders, and glass-style panel styling. The full gallery opens in a portal-based modal with a blurred dark backdrop, close button, previous/next controls, image counter, and animated entrance/exit states. Includes keyboard support for Escape, Arrow Left, Arrow Right, and Tab focus trapping. Touch swipe navigation works on mobile. The modal locks background scroll, preserves scroll position, restores focus when closed, blocks outside wheel/touch scrolling, and preloads nearby images for smoother browsing. Styling controls include button label, button colors, indicator color, corner radius, thumbnail radius, glass opacity, alt prefix, and font.
Add RentalGallery to your Framer canvas and upload images into the image slots. Set the alt prefix, button label, corner radius, thumbnail radius, glass opacity, button colors, and font. Use high-quality interior, exterior, rental, hotel, or property images for the best result. Place the component near the top of a listing page, property detail page, Airbnb-style layout, hotel landing page, or real estate showcase.
Spyridon Merkouris
