Lightbox
Advanced lightbox component for displaying images and videos with zoom, navigation, fullscreen support, and smooth animations.
Pro Features
Unlock advanced capabilities with the Pro version
Multi-Media Support
Display images and videos in the same gallery
Zoom & Pan
Zoom controls with drag-to-pan for detailed viewing
Thumbnail Navigation
Optional thumbnail strip for quick navigation
Fullscreen Mode
Native fullscreen support for immersive viewing
Touch Gestures
Swipe navigation and pinch-to-zoom on touch devices
Download Support
Allow users to download media files
Video Controls
Full video player controls with autoplay option
Smooth Animations
Framer Motion powered transitions
Installation
Install via CLI
moonui add lightboxUsage
Click to open lightbox
Single image viewer
Examples
Simple Lightbox
Basic lightbox for single images with zoom and download
Click to open lightbox
Single image viewer
Image Gallery
Multiple images with navigation and thumbnails
Backdrop Variants
Different backdrop styles for various use cases
Dark
backdrop="dark"
Blur
backdrop="blur"
Light
backdrop="light"
Gradient
backdrop="gradient"
Video Lightbox
Video player with controls and poster image
Click to play video
Video player with controls
Advanced Controls
Customizable controls and animation settings
Mixed Media Gallery
Gallery with both images and videos
