Media Gallery
Advanced media gallery component with multiple layouts, category filtering, sorting, and lightbox integration. Perfect for portfolios, photo galleries, and media showcases with responsive design and smooth animations.
Pro Features
Unlock advanced capabilities with the Pro version
Multiple Layouts
Grid, masonry, horizontal scroll, and justified layouts
Filtering & Sorting
Category filters with configurable sort options and a default selection
Lightbox Integration
Built-in lightbox with zoom, keyboard navigation, and a thumbnail strip
Responsive Design
Fully responsive with customizable breakpoints
Smooth Animations
Framer Motion powered transitions and interactions
Lazy Load & Infinite Scroll
IntersectionObserver-based lazy image loading with optional infinite-scroll pagination
Installation
Install via CLI
npx @moontra/moonui-cli add media-galleryUsage
Mountain Vista
Beautiful mountain landscape with morning fog
Ocean Waves
Peaceful ocean waves during sunset
Modern Building
Contemporary building design in the city
Portrait Session
Professional portrait photography
Golden Hour
Stunning sunrise over the valley
Forest Trail
Peaceful path through autumn forest
Reading Corner
Cozy reading corner with coffee
Work Space
Clean and modern workspace setup
Urban Skyline
City lights at twilight
Examples
Basic Grid Gallery
Standard grid layout with category filtering and sorting enabled
Mountain Vista
Beautiful mountain landscape with morning fog
Ocean Waves
Peaceful ocean waves during sunset
Modern Building
Contemporary building design in the city
Portrait Session
Professional portrait photography
Golden Hour
Stunning sunrise over the valley
Forest Trail
Peaceful path through autumn forest
Reading Corner
Cozy reading corner with coffee
Work Space
Clean and modern workspace setup
Urban Skyline
City lights at twilight
Masonry Layout
Pinterest-style masonry layout for varied image sizes
Vertical Landscape
Horizontal View
Architecture Detail
Portrait
Golden Sunset
Forest Path
Library
Workspace
Urban Night
Cascading Waters
Iconic Bridge
Paradise Beach
Horizontal Scroll
Horizontal scrolling gallery perfect for carousels and timelines
Alpine Peaks
Majestic mountain landscape
Coastal Evening
Beautiful sunset over the ocean
Glass Tower
Contemporary building design
Studio Portrait
Professional photography session
Analytics Dashboard
Business intelligence platform
Cozy Café
Warm and inviting atmosphere
App Interface
Modern mobile application
Development Environment
Programming workspace
Golden Valley
Breathtaking sunset view
Woodland Path
Peaceful forest walkway
Reading Corner
Quiet study space
Home Office
Modern work from home setup
Metropolitan View
Urban landscape at dusk
Natural Falls
Powerful cascade in nature
Golden Gate
Iconic San Francisco landmark
Portfolio Showcase
Professional portfolio gallery with detailed metadata and sorting
Mountain Vista
Stunning mountain landscape photography
Modern Museum
Contemporary museum architecture design
Corporate Website
Complete redesign for tech startup
Smart Watch UI
User interface design for smart watch
Payment Gateway
Secure payment processing interface
E-commerce Website
Modern e-commerce platform design with clean UI
Finance Mobile App
iOS app design for personal finance management
Abstract Art
Digital abstract illustration work
Tech Startup Logo
Minimalist logo design for AI company
Coffee Brand Identity
Complete brand identity package for local coffee shop
Office Space
Modern office interior photography
Product Photography
Professional product shots for e-commerce