---
title: "CMS Lightbox Preview — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Muthu V · Galleries. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/cms-image-lightbox"
---

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

# CMS Lightbox Preview

Masonry Gallery

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

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

## Summary

Masonry Gallery

## Description

It is designed to make image-heavy pages, portfolios, and galleries easy to build while keeping the experience smooth and visually engaging.

### Features

**CMS Image Integration**

Easily connect images from your CMS collection to the component.

**Up to 30 Images**

The component includes 30 image connection slots, allowing you to showcase multiple CMS images in one gallery.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3somhscx-Xzh4hILbRaegcHILRfy13ipDioZEaU)

**Lightbox Preview**

Visitors can click any image to open a clean Fullscreen lightbox view for better image viewing.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3somhscx-rWOJeduv0Gk71eorHo6auOs0ChROIg)

**Smooth Image Browsing**

Navigate between images inside the lightbox for a seamless gallery experience.

**Responsive Design**

Optimized for desktop, tablet, and mobile devices.

**Fast Setup**

Simply connect your CMS image fields and the gallery is ready.

### How It Works

1.  Add the **CMS Lightbox Gallery component** to your page.
    
2.  Connect your **CMS image fields** to the available image slots.
    

Publish your page and your gallery will automatically display CMS images with lightbox functionality.

### Perfect For

-   Photography portfolios
    
-   Creative portfolios
    
-   Travel galleries
    
-   Case studies
    
-   Blog image galleries
    
-   Visual storytelling websites
    

### Customizable

You can easily adjust the layout and styling to match your design. The component works seamlessly within your Framer project and adapts to different layouts and page styles.**Questions?**

If you have any questions, send an email to [muthudesign096@gmail.com](mailto:muthudesign096@gmail.com)

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

-   All · #5712

## Details

- **Author**: Muthu V
- **Price**: $5.00
- **Published**: 2026-04-01
- **Updated**: 2026-04-13
- **Added**: 2026-03-12
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.