57:I[473921,["/creators-assets/_next/static/immutable/chunks/3c-b-8ufmviux.js","/creators-assets/_next/static/immutable/chunks/2lb80c7sdmm1x.js","/creators-assets/_next/static/immutable/chunks/24qz5wotuh5hj.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/0j6nsovyxcqkz.js","/creators-assets/_next/static/immutable/chunks/3mwqlk6tp5l2t.js","/creators-assets/_next/static/immutable/chunks/2dvu3r_tb3ihz.js","/creators-assets/_next/static/immutable/chunks/1q7v4rdbqi_5d.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/1w_rozgc2dplq.js","/creators-assets/_next/static/immutable/chunks/0dglr8x18qkm5.js","/creators-assets/_next/static/immutable/chunks/0a8vglvd9phm3.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/2bbm33yuxi64a.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0kjwwabuczr28.js","/creators-assets/_next/static/immutable/chunks/088oy6f_9ll4s.js","/creators-assets/_next/static/immutable/chunks/22zq93dcklbwz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0eljubaqaqluk.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3g7os-hf6q3tv.js","/creators-assets/_next/static/immutable/chunks/1e3mmtw6okz19.js","/creators-assets/_next/static/immutable/chunks/3fcb65_46-jt7.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/2x3imtac9af--.js","/creators-assets/_next/static/immutable/chunks/2t6l_zgbmmx8u.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0_ulklfcrp-s3.js","/creators-assets/_next/static/immutable/chunks/3-uff2nrv83hw.js","/creators-assets/_next/static/immutable/chunks/0alicgkopr9se.js","/creators-assets/_next/static/immutable/chunks/0-kepukl8ldjk.js","/creators-assets/_next/static/immutable/chunks/2-u6q7fsgfx0e.js"],"PostDetailCard"] 58:T7b7,

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.

54:[["$","$L57",null,{"post":{"id":"01a12fba-63e1-75b2-8c11-b91e8306372b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"920e333b-d954-4e1c-a81b-95c8df3af6dc","name":"Miguel Recio Alfonso","slug":"miguel-recio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/b82l5n72","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HSN43O5zoM3BKxsFsUOm","resolved":true,"title":"CMS Gallery Kit","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finally, your CMS galleries in a carousel.","marks":[{"type":"bold"}]},{"type":"text","text":" Connect a Framer CMS Gallery field to the Slides property and every item gets its own gallery, with a lightbox that zooms."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"How to use"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste CMS Gallery Kit into your Framer project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On a CMS detail page or inside a Collection List item, connect Slides to your Gallery field (map Image to image)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a layout: carousel, slideshow, thumbnails, grid, masonry or mosaic"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style arrows, dots, captions and radius to match the site"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Key features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reads Framer CMS Gallery fields on detail pages and inside Collection List items, or images you add by hand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A caption, a video and a link for each photo, straight from the CMS: add them as sub-fields of your gallery field"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six layouts, including Mosaic: one large photo, four small ones and a Show all button, like a rental listing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Videos next to photos: muted on screen, with sound and controls in the lightbox"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen lightbox with pinch, double-tap and trackpad zoom, thumbnails, and swipe down to close"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A link per photo, or one for the whole gallery, to open a project, a room or a product"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Share one photo: the address follows the open photo (#photo-3)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Alt text as captions for CMS photos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swipe, drag, keyboard and trackpad; autoplay that pauses on hover, focus and off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive images with srcset and lazy loading, and no network requests of its own"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Full documentation: "},{"type":"text","text":"miguelrecio-components.framer.website/cms-gallery/docs","marks":[{"type":"link","attrs":{"href":"http://miguelrecio-components.framer.website/cms-gallery/docs","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"One-time payment. Single-Use licence: one website or project per licence. Questions: "},{"type":"text","text":"info@miguelrecio.es","marks":[{"type":"link","attrs":{"href":"mailto:info@miguelrecio.es","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":"."}]}]},"introduction":"CMS galleries with a lightbox","slug":"cms-gallery-kit","author":{"framerUserId":"920e333b-d954-4e1c-a81b-95c8df3af6dc","name":"Miguel Recio Alfonso","slug":"miguel-recio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/b82l5n72","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a16a0b-98a6-76ea-9b96-a51d76fd9b8a.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-12T10:48:26.158Z","updatedAt":"2026-10-23T18:35:25.579Z","publishedAt":"2026-10-12T10:48:26.156Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://miguelrecio-components.framer.website/cms-gallery/showcase","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_bYhIpHdjzHRdtuMU8VBawoh5x1s8iFoKI0qgV06IIqB","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"Z4OR9aWn7A9Yoaf7eMZB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-12T10:48:26.849Z","updatedAt":"2026-10-12T10:48:26.849Z","reported":false,"type":"post"}}],"$L59"]

Suggested for you