Lightbox Gallery Pro

Description

A high-performance React & Framer lightbox component for seamless image showcases. Packed with 3 adaptive layouts (Masonry, Grid, Marquee), 3 reveal animations (Circle, Inset, Curtain), and interactive 3D parallax effects. Includes an automatic slideshow with progress indicator, smooth zoom & pan, EXIF metadata drawer, thumbnail bar, mobile swipe gestures, and keyboard shortcuts. Built with TypeScript and fully optimized for performance and accessibility.

Key Features

• 3 Layout Modes: Masonry (dynamic spans), Grid (responsive columns/rows), and Infinite Marquee (speed & direction control).

• 3 Reveal Animations: Circle, Inset, and Curtain clip-path transition styles.

• Interactive Viewer: 3D parallax tilt, zoom/pan, EXIF photo metadata panel, and thumbnail drawer.

• Slideshow Engine: Auto-play mode with visual progress bar.

• Touch & Keyboard Ready: Mobile swipe gestures, full keyboard controls (Esc, Arrows, P), and screen reader support.

• Performance Optimized: prefers-reduced-motion detection, image preloading, and non-blocking RAF animations.

Customizable Properties

• Layout & Structure: Mode (Masonry/Grid/Marquee), Desktop/Mobile Columns, Rows, Tile Size, Masonry Contrast, Grid Aspect Ratio, Card Width & Height.

• Animations & Effects: Reveal Style (Circle/Inset/Curtain), Reveal Duration, Parallax Tilt Sensitivity, Backdrop Blur.

• Marquee Settings: Speed, Direction (Left/Right), Pause on Hover.

• Styling & Spacing: Padding, Tile Gap, Border Radius, Accent Color, Background.

• Features & Display: Slideshow Interval, Toggle EXIF Metadata, Toggle Thumbnails.