---
title: "CMS Gallery Popup | FramerHub"
canonical_url: "https://framerhub.io/components/cms-gallery-popup"
last_updated: "2026-06-15T14:46:27.916Z"
meta:
  description: "A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions. Premium Framer component for client sites, portfolios, and."
  "og:description": "A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions. Premium Framer component for client sites, portfolios, and."
  "og:title": "CMS Gallery Popup | FramerHub"
---

# **CMS Gallery Popup **

A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions.

One-time payment

Lifetime updates

Commercial license

## **Overview** A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions. - CMS Integration - Thumbnail Navigation - Keyboard Support - Touch Gestures - Custom Styling ## CMS Gallery Popup A powerful and flexible image gallery component designed for Framer's CMS. It seamlessly integrates with your CMS data to create stunning lightboxes with thumbnail navigation. ## Features**CMS Integration** Connect directly to your CMS collections. Automatically detects images from gallery fields and nested content.**Thumbnail Navigation** Intuitive thumbnail strip for easy browsing. Position thumbnails at the bottom, top, left, or right.**Responsive Design** Adapts perfectly to all screen sizes. Thumbnails automatically reposition on smaller devices for optimal mobile experience.**Customizable Styling** Full control over colors, borders, shadows, and spacing. Customize arrows, close buttons, and badges to match your brand.**Keyboard & Touch Support** Navigate with arrow keys or swipe gestures on touch devices. Includes escape key support to close the popup. ## Use Cases**Product Galleries** — Showcase product images in a detailed lightbox with zoom capabilities.**Portfolio Projects** — Display high-resolution project images with a clean, professional gallery interface.**Real Estate Listings** — Create immersive photo tours for property listings directly from your CMS.![CMS Gallery Popup Preview](https://framerhub.io/framerhub/img/components/control/cms-gallery-popup.jpg) ## How to Use ### Installation 1. Find **CMS Gallery Popup** in the Framer Marketplace. 2. Click "Copy" or "Add to Project". 3. Paste the component onto your canvas. 4. Connect the "CMS Gallery" property to your CMS collection's gallery field. ### Customization**Source Options**- **CMS**: Pulls images directly from a CMS Gallery field. - **Normal**: Manually add images via the property panel. - **Override**: Use for advanced scenarios with overrides.**Popup Settings**- **Transition**: Choose from Slide, Fade, Scale, SlideScale, or SlideFade animations. - **Speed**: Adjust animation speed for transitions. - **Backdrop**: Customize the overlay color and opacity.**Thumbnails**- **Position**: Place thumbnails relative to the main image. - **Styling**: Adjust size, gap, borders, and active/inactive opacity. - **Responsiveness**: Set a breakpoint to automatically stack thumbnails on mobile.**Controls**- **Arrows**: Customize icon, size, color, and hover effects. - **Close Button**: Style the close button and position it as needed. - **Badge**: Show image count (e.g., "1/5") with custom styling. ## License**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client. ## Refund Policy Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns! ## Why Designers Love This "The perfect solution for CMS galleries in Framer. It just works, and the customization options are endless!" --- ### **CMS Gallery Popup - $18** A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions.**One-Time Payment****Lifetime Access****Unlimited sites**### **You might also like** Why Choose Framer Hub Components ## **Loved by Framer teams** Used by Framer professionals who need premium, no-code experiences. Got questions? We've the answers ## **Got questions? We've the answers ** Everything you need to know about FramerHub.