50:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:Te43,

If you're managing large photo albums on Cloudinary and want to display them beautifully in Framer — this is built for that. Just tag your images in Cloudinary, enter your cloud name and tag, and your album is live.

Up to 1000 images per tag. Multiple albums? Drop in multiple instances with different tags.

Preview: https://cloudinarygallery.framer.website

Setup

Tag your images in Cloudinary Media Library (Select images → Metadata → Edit tags)
Enable Resource Lists in Cloudinary Security settings (Settings → Security → Restricted image types → Uncheck Resource Lists)
Drop the component onto your Framer canvas
Enter your Cloud Name and Album Tag in the property panel. Done.

Made for large albums

Displaying 500 wedding photos, a travel series, or a full product catalogue is exactly what this is built for. Images load progressively, pagination keeps pages fast, and the lightbox lets visitors move through every image without leaving the page.

Paginate through up to 1000 images per album
All images fetched in one request — pagination is client-side, no extra network calls per page
Sort by name, newest, or oldest
Multiple albums on one page — just use multiple instances with different tags

Layouts

Grid and Masonry layouts
Fixed aspect ratios — 1:1, 4:3, 3:2, 16:9, 9:16, 3:4, 2:3, or fully custom
Cover or contain image fit
Adjust columns per breakpoint in Framer's canvas

Image Optimisation

f_auto + q_auto on every image — best format and compression per browser, automatically
srcSet generated for the right resolution at every screen size
Lightbox resolution matched to the visitor's screen — no wasted bandwidth on mobile

Lightbox

Click any image to open fullscreen
Keyboard navigation ← → Esc
Swipe left and right on mobile
Arrow size, colours, radius and overlay fully controllable from the panel

Pagination

Client-side — all images fetched once, no extra requests per page
Grid height stays stable on the last page
Collapses to ‹ 4 / 20 › on narrow and mobile screens automatically
Font, colours, button size, radius and alignment all adjustable from the panel

Limitations

Image list is capped at 1000 images per tag — this is a Cloudinary platform limit. For larger libraries use multiple tags with separate component instances.
Only supports tagged images. Folder-based listing is not supported.
Resource Lists must be enabled in Cloudinary Security settings — this is off by default.
Images only. Video and raw file types are not displayed.

52:T792,

Most Framer gallery components lock you into a specific field setup. CMS Photo Gallery works differently. Connect any Collection List on the canvas and it automatically reads your images. That's it.

Whether you're building a property listing, a blog, a portfolio, or a hotel room page, if your collection has images, this component works. It also supports the new Framer Gallery Field. Store all your photos in a single CMS collection and use Framer's native filters to feed the right images into each gallery instance. One collection, multiple galleries, no extra CMS collections needed. Perfect for staying within free and basic Framer plans.

Preview Link: https://cmsphotogallery.framer.website/

How to use

1. Drop your CMS Collection anywhere on the canvas (Insert > Collections > Your Collection)

2. Filter and sort the collection as needed. You can also drop dynamic filters onto the page to update the component in real time

3. Drop in the component, connect the collection. Done.

Already on a CMS Detail page? Drop in the Gallery Field (Insert > Fields > Gallery Field) and connect it directly to the component. Perfect for property or portfolio pages built with multi-image CMS items.

Comes with a smooth fade transition, zoom effect, a draggable thumbnail strip that auto-scrolls to the active slide, dot indicators, and autoplay. Fully customisable from the property panel, no code editing needed.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-8dde630d-cf68-41e2-a0b4-b8bbe5689bd6-all:/unified/creator/8dde630d-cf68-41e2-a0b4-b8bbe5689bd6/activity/":[{"data":[{"id":"019ffd2f-0dd0-708f-8fd6-b8e1f8560929","type":"site.created","target":{"type":"site","id":"16930","preview":"Jaali Goa","previewJson":null,"thumbnail":"https://image.mux.com/340001RG5sC02lkwAX6DddueJHXhwDU02sMpDXy3oIxHAhQ/thumbnail.webp?time=14.45","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","avatar":null,"slug":"sahil-alva","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-08-13T22:12:27.216Z","latestAt":"2026-08-13T22:12:27.216Z"},{"id":"019f6600-d8e9-703d-9e5b-b5f8bd494d78","type":"comment.reply","target":{"type":"post","id":"019dba82-496b-7675-b2b7-e881f8c96b7a","preview":"CMS Photo Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xPyiv7OTj86Jqar45YTU/cms-photo-gallery-hCzLg97bYidgIuWPtqfXU3SQpu6aXs","targetDeleted":false,"owned":true,"actions":{"postId":"019dba82-496b-7675-b2b7-e881f8c96b7a","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f6600-d8c7-7197-9472-7cb13a3b2f4e","preview":"There's no limit set on the component itself. It should accept as many that render on the cms collection in canvas. Tested with over 100 and it works perfectly","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"There's no limit set on the component itself. It should accept as many that render on the cms collection in canvas. Tested with over 100 and it works perfectly"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019dba82-496b-7675-b2b7-e881f8c96b7a","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019eefee-4b26-755f-bf80-96aa1e20cd88"},"repost":null}},"actors":[{"id":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","avatar":null,"slug":"sahil-alva","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T13:39:19.401Z","latestAt":"2026-07-15T13:39:19.401Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:8dde630d-cf68-41e2-a0b4-b8bbe5689bd6:/unified/posts/?creator=8dde630d-cf68-41e2-a0b4-b8bbe5689bd6&with=reposts":[{"data":[{"id":"019ffd2f-0bca-7479-9851-129e2879fa2f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"16930","resolved":true,"title":"Jaali Goa","body":"

A collection of three boutique properties on the quiet side of South Goa, built as one 50+ page Framer site. CMS collections drive the rooms, photo galleries, restaurant menus, retreat dates and a live weekly yoga timetable the team updates themselves, with a single scroll-reveal motion system running across every page.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A collection of three boutique properties on the quiet side of South Goa, built as one 50+ page Framer site. CMS collections drive the rooms, photo galleries, restaurant menus, retreat dates and a live weekly yoga timetable the team updates themselves, with a single scroll-reveal motion system running across every page."}]}]},"introduction":"","slug":"jaali-goa","author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/340001RG5sC02lkwAX6DddueJHXhwDU02sMpDXy3oIxHAhQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/340001RG5sC02lkwAX6DddueJHXhwDU02sMpDXy3oIxHAhQ/thumbnail.webp?time=14.45","aspectRatio":"4:3","duration":20.983333}}],"post":null,"createdAt":"2026-08-13T22:12:26.061Z","updatedAt":"2026-08-13T22:12:26.061Z","publishedAt":"2026-08-13T22:12:26.057Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://jaaligoa.in/","categories":[{"id":"4256b748-1be0-4162-aa02-cb9346d9f63f","name":"Travel","slug":"travel"},{"id":"46b2cb88-832c-48ca-80df-2845470e47fb","name":"Restaurant","slug":"restaurant"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T22:12:26.699Z","updatedAt":"2026-08-13T22:12:26.699Z"},{"id":"019e26b8-0ee5-7051-9dfe-8c4ed62e3f6d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8B1WVLX7H0QXwjHf4TwU","resolved":true,"title":"Cloudinary Gallery","body":"$51","bodyJson":null,"introduction":"Photo gallery with lightbox & pagination","slug":"cloudinary-gallery","author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8B1WVLX7H0QXwjHf4TwU/cloudinary-gallery-rwJhyKcBhcaaRhXgmfPX5MnmR1AQBa","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-10T16:31:03.314Z","updatedAt":"2026-05-14T13:38:08.478Z","publishedAt":"2026-05-14T13:40:57.189Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cloudinarygallery.framer.website","price":"19","paymentUrl":"https://buy.polar.sh/polar_cl_xV8dvOyQW9LhRxlVki4CI2rPNeoYGR1qBDGeL3nZ0m5","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"mgI0M3AesHG6Go0NI4xc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T13:40:57.189Z","updatedAt":"2026-05-14T13:40:57.189Z"},{"id":"019dba82-496b-7675-b2b7-e881f8c96b7a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xPyiv7OTj86Jqar45YTU","resolved":true,"title":"CMS Photo Gallery","body":"$52","bodyJson":null,"introduction":"Gallery for any Framer CMS collection","slug":"cms-photo-gallery","author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xPyiv7OTj86Jqar45YTU/cms-photo-gallery-hCzLg97bYidgIuWPtqfXU3SQpu6aXs","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-15T20:16:27.174Z","updatedAt":"2026-04-23T13:29:14.767Z","publishedAt":"2026-04-23T13:23:13.899Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cmsphotogallery.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_JzpyhN8MUBqHE6x3Xmhn51KpkGbfQwy9RAtED1bRvgf","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"xsKiXCg8pBT5zAZjbu0F","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-23T13:23:13.899Z","updatedAt":"2026-04-23T13:23:13.899Z"},{"id":"019bd189-2a67-761c-9237-fd5edeabad91","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"11907","resolved":true,"title":"Jaali Blue","body":null,"bodyJson":null,"introduction":"Designed and built a Framer site for a stay in Goa with responsive breakpoints and a consistent style system. Includes 4 room pages, gallery, contact and legal pages etc. The CTA redirects user to client's booking platform. Handed off via remix link.","slug":"jaali-blue","author":{"framerUserId":"8dde630d-cf68-41e2-a0b4-b8bbe5689bd6","name":"Sahil Alva","slug":"sahil-alva","avatar":null,"badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11907/thumbnail-80TjZm694xqaWy0BEXjEVgOCso2itl.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-18T14:36:26.085Z","updatedAt":"2026-01-19T12:39:15.846Z","publishedAt":"2026-01-18T14:36:26.087Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://jaaliblue.com/","categories":[{"id":"4256b748-1be0-4162-aa02-cb9346d9f63f","name":"Travel","slug":"travel"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-18T14:36:26.087Z","updatedAt":"2026-01-18T14:36:26.087Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]