---
title: "CMS Lightbox Gallery — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Riccardo Fala · Galleries. Fully customisable"
canonical: "https://framer.elliotli.dev/component/cms-lightbox"
---

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

# CMS Lightbox Gallery

Fully customisable

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

![CMS Lightbox Gallery preview image 1](https://framer.elliotli.dev/og/component/cms-lightbox/4ce685e92ad3a122/1600x1200.jpg)

## Summary

Fully customisable

## Description

## Turn any CMS collection into a polished fullscreen lightbox.

Open images, uploaded videos and FrameRate embeds with smooth navigation. Browse using swipe gestures, keyboard controls, on-screen arrows or an optional thumbnail strip.

**Please note:** Framer native Gallery fields are not currently supported.

When a video or FrameRate embed is added, it replaces the image as the main media for that item. The image remains visible as the thumbnail and static preview.

### Features

-   Works with Framer CMS collections
    
-   Supports images and uploaded video files
    
-   Supports FrameRate iframe embeds
    
-   Swipe, keyboard and button navigation
    
-   Optional thumbnail strip
    
-   Captions and gallery titles
    
-   Customisable controls and styling
    
-   Lazy loading for improved performance
    
-   Static-renderer-safe video previews
    

### How to use

**Add the component** Place it inside your CMS item or layout.

**Connect your image** Bind your CMS image field to the **Image** property.

**Add optional media** Connect an uploaded video or paste a FrameRate iframe code or embed URL into **FrameRate Embed**.

**Add text** Connect optional caption and gallery title fields.

**Create a gallery** Give related items the same **Gallery ID** to group them into one lightbox.

**Customise** Adjust the layout, navigation, thumbnails, colours, typography and controls from the properties panel.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-6m7pt7tt-Ympceolz3E4mGS3w6gwD1qJ0mn2voB)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-6m7pt7tt-bH76FgLx4rPTgC000VSMg7i78UJzAC)

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

-   All · #697

## Details

- **Author**: Riccardo Fala
- **Price**: $19.00
- **Published**: 2026-04-27
- **Updated**: 2026-11-06
- **Added**: 2026-04-27
- **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