5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d: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.

59:[["$","$L5c",null,{"post":{"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":"$5d","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"}],"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":"367c9c1e-4f68-45ab-8981-56e69b3dda95","name":"Data","slug":"data"}],"lastSaveId":"mgI0M3AesHG6Go0NI4xc"}}],"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-05-14T13:40:57.189Z","updatedAt":"2026-05-14T13:40:57.189Z","reported":false}}],"$L5e"]

Suggested for you