Framer Lightbox Gallery – The Ultimate Media Experience for Framer Sites
Horizontal Mode
Grid Mode
Watch my review
What’s a Lightbox Gallery — and Why Should You Use One?
A lightbox gallery is a sleek, interactive way to display media on your website. Instead of redirecting users to a new page, it opens images, videos, or embeds in a full-screen overlay — keeping visitors focused and immersed.
It’s perfect for:
Showcasing design work or photography
Highlighting product images
Embedding demo videos without clutter
Adding a lightbox gallery not only enhances user experience but also gives your site a modern, professional feel. It’s the little detail that makes a big visual impact — and keeps users engaged longer.
Key Features
Media-Agnostic Lightbox
Supports images, videos, and even YouTube embeds out of the box. Your content shines in full-screen, immersive clarity.
Smooth Zoom + Drag
Built-in zoom and drag functionality gives users fine control over media viewing. Great for high-res photos or detailed mockups. Control the height of the media by percentage.
Touch-Optimized UX
Swipe through images on mobile, with buttery-smooth gesture support. Built-in support for touch gestures and keyboard navigation.
Flexible Layout Modes
Choose between Horizontal Scroll or Responsive Grid modes. Fully adjustable columns, spacing, and alignment options.
Fully Customizable UI
Set your own gallery and lightbox background colors. Upload custom button icons for next, previous, and close – including hover states!
Framer Native
Drag-and-drop support, property controls for instant customization, and seamless integration into your Framer projects.
Updates
06.08.25
Added an option to add Thumbnail previews.
Added an option to show/hide scroll bars in Horizontal mode.
Fixed issue with double click in lightbox.
26.06.25
Previously all images loaded 100% height in the Lightbox. Now we added an option to change the height of the media in % to the viewport.
Now you can add captions under your media and control the captions' background color.