Lightbox Masonry

Demo Link https://lightboxslider.framer.website/lightbox

The Evolve Hub Lightbox Gallery is a powerful yet easy-to-use gallery component for Framer.
Perfect for portfolios, product showcases, or image collections — this component gives you full control over how your media is displayed.

Layout Options: Switch between Grid or Masonry layouts with adjustable columns, gaps, and border radius.

• Popup Views:

  • Simple Popup Lightbox: clean lightbox with arrows and zoom.

• Captions: Add titles & descriptions with custom fonts, colors, and padding.

• Overlay Controls: Choose overlay color, style, and icons (zoom, play, plus, view).

• Icons: Customize icon size, color, and background, or turn them off entirely.

• Shadows & Hover Effects: Select from shadow intensity levels and hover animations (scale, fade, slide, bounce).

• Responsive Ready: Works seamlessly across desktop, tablet, and mobile.

• Media Support: Supports both images and videos with autoplay option.

Key Features:

• Layout Options: Switch between Grid or Masonry layouts with adjustable columns, gaps, and border radius.

• Popup Views:

  • Simple Popup (Lightbox): clean lightbox with arrows and zoom.

• Captions: Add titles & descriptions with custom fonts, colors, and padding.

• Overlay Controls: Choose overlay color, style, and icons (zoom, play, plus, view).

• Icons: Customize icon size, color, and background, or turn them off entirely.

• Shadows & Hover Effects: Select from shadow intensity levels and hover animations (scale, fade, slide, bounce).

• Responsive Ready: Works seamlessly across desktop, tablet, and mobile.

• Media Support: Supports both images and videos with autoplay option.

Media Support

• Add both images and videos seamlessly.

• Auto-detects content type for the right lightbox display (image zoom, video player).

• Lazy loading with a stylish loading spinner.

Customization Controls

• Overlay settings: colors, opacity, and multiple icon styles (Zoom, Play, Plus, Eye).

• Caption options: toggle titles & descriptions, with full typography and color controls.

• Font control: integrates with Google Fonts for consistent brand styling.

Lightbox Features

• Responsive and mobile-friendly.

• Touch navigation, looping, and zoomable images.

• Autoplay videos with optional controls.

• Multiple slide effects: zoom, fade, slide, or none.

Why Use This Component?

• Perfect for portfolios, e-commerce, blogs, and product galleries.

• Fully no-code customizable via the property controls panel.

• Optimized for performance and modern design aesthetics.

• Gives your site an elegant premium gallery experience in minutes.

Demo Use Cases (like your screenshots):

• A designer portfolio grid.

• A lightbox slider for product images.

• A Fullscreen video showcase.

• Custom captions styled for branding.