---
title: "Infinite CMS Gallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Mx. Bear · Galleries. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/infinite-cms-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Infinite CMS Gallery

# Infinite CMS Gallery

Mx. Bear

[View on Framer](https://framer.com/marketplace/components/infinite-cms-gallery/?via=elliot-li)

![Infinite CMS Gallery preview image 1](https://framer.elliotli.dev/og/component/infinite-cms-gallery/beae822821564e20/1600x1167.jpg)

## Summary

Mx. Bear

## Description

### **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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #280

## Details

- **Author**: Mx. Bear
- **Price**: $10.00
- **Published**: 2026-07-19
- **Updated**: 2026-11-04
- **Added**: 2026-07-19
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery
