5c:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5d:T8d8,

About this Component

Step into an infinite exhibition! Drop your images into the frames. Scroll to walk endlessly through the hallway, hover to watch the canvas sway gently, and click to step closer to an artwork. Bring the immersive experience of a fine art museum directly to your portfolio or brand lookbook.

Component Properties

CMS List: Artworks hang in your CMS order and stay in sync automatically.
Images: Choose the Images property for a quick manual setup. Add as many images as you want; they will alternate along both walls in an infinite loop.

Interactions

Scroll: Walk the hallway. Smooth inertia applies to both the mouse wheel and touch controls, creating an endless path in either direction.
Hover: The targeted canvas tilts and sways slightly, with dynamic lighting reacting naturally to the movement.
Click: The camera glides smoothly toward the artwork for a closer look. Click again or scroll to return to your walking path.

Use Cases

Portfolio Showcases: Replace standard image grids with a walkable exhibition. The dramatic lighting on each piece adds striking visual weight to your work.
Fullscreen Heroes & Landings: Drop this component into a full-bleed 100vh section to transform your entire page into a museum.

Important Note

Please note that animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer editing canvas.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

How to Connect Your CMS

Insert a 'Collection List' anywhere on your page. Select CMS in the properties, choose the corresponding collection list, and drag the connector to the 'Collection List'. Done! The hallway now mirrors your CMS content.

59:[["$","$L5c",null,{"post":{"id":"019f7ad0-32ac-70af-8143-c9c6463250ee","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TLJaFy6ysz7uQLjfEpcF","resolved":true,"title":"Infinite CMS Gallery","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Step into an infinite exhibition! Drop your images into the frames. Scroll to walk endlessly through the hallway, hover to watch the canvas sway gently, and click to step closer to an artwork. Bring the immersive experience of a fine art museum directly to your portfolio or brand lookbook."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Component Properties","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS List:","marks":[{"type":"bold"}]},{"type":"text","text":" Artworks hang in your CMS order and stay in sync automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose the Images property for a quick manual setup. Add as many images as you want; they will alternate along both walls in an infinite loop."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Interactions","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll:","marks":[{"type":"bold"}]},{"type":"text","text":" Walk the hallway. Smooth inertia applies to both the mouse wheel and touch controls, creating an endless path in either direction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover:","marks":[{"type":"bold"}]},{"type":"text","text":" The targeted canvas tilts and sways slightly, with dynamic lighting reacting naturally to the movement."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click:","marks":[{"type":"bold"}]},{"type":"text","text":" The camera glides smoothly toward the artwork for a closer look. Click again or scroll to return to your walking path."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Showcases:","marks":[{"type":"bold"}]},{"type":"text","text":" Replace standard image grids with a walkable exhibition. The dramatic lighting on each piece adds striking visual weight to your work."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen Heroes & Landings:","marks":[{"type":"bold"}]},{"type":"text","text":" Drop this component into a full-bleed 100vh section to transform your entire page into a museum."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Important Note","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Please note that animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer editing canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Connect Your CMS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Insert a 'Collection List' anywhere on your page. Select CMS in the properties, choose the corresponding collection list, and drag the connector to the 'Collection List'. Done! The hallway now mirrors your CMS content."}]}]},"introduction":"Mx. Bear","slug":"infinite-cms-gallery","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f7ac5-2e05-70f8-a067-8f2b0f04cefe.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1591,"height":1160}}],"post":null,"createdAt":"2026-07-19T14:38:12.245Z","updatedAt":"2026-08-13T12:59:25.059Z","publishedAt":"2026-07-19T14:38:12.242Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://inspired-darlings-011796.framer.app/infinite-exhibition","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_dFp2ozjEYqLqFUb7Exv1K1uax43Oero4y8VsY33DyX4","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"Baw4E03lPop9JevMXJKH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":25,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-19T14:38:12.652Z","updatedAt":"2026-07-19T14:38:12.652Z","reported":false}}],"$L5e"]

Suggested for you