CMS Gallery Kit

CMS Gallery Kit
CMS Gallery Kit

About CMS Gallery Kit

Finally, your CMS galleries in a carousel. Connect a Framer CMS Gallery field to the Slides property and every item gets its own gallery, with a lightbox that zooms.

How to use

  • Paste CMS Gallery Kit into your Framer project

  • On a CMS detail page or inside a Collection List item, connect Slides to your Gallery field (map Image to image)

  • Pick a layout: carousel, slideshow, thumbnails, grid, masonry or mosaic

  • Style arrows, dots, captions and radius to match the site

Key features

  • Reads Framer CMS Gallery fields on detail pages and inside Collection List items, or images you add by hand

  • A caption, a video and a link for each photo, straight from the CMS: add them as sub-fields of your gallery field

  • Six layouts, including Mosaic: one large photo, four small ones and a Show all button, like a rental listing

  • Videos next to photos: muted on screen, with sound and controls in the lightbox

  • Full-screen lightbox with pinch, double-tap and trackpad zoom, thumbnails, and swipe down to close

  • A link per photo, or one for the whole gallery, to open a project, a room or a product

  • Share one photo: the address follows the open photo (#photo-3)

  • Alt text as captions for CMS photos

  • Swipe, drag, keyboard and trackpad; autoplay that pauses on hover, focus and off screen

  • Responsive images with srcset and lazy loading, and no network requests of its own

Full documentation: miguelrecio-components.framer.website/cms-gallery/docs

One-time payment. Single-Use licence: one website or project per licence. Questions: info@miguelrecio.es.

From Miguel Recio Alfonso

CMS Focus Carousel
CTA Kit
CMS Table Kit
CMS Events Kit

Related Components

CMS Fan Carousel
Video Slide Show
Image Corridor
Prism Curve Carousel