Gallery
A gallery component with multiple layout options.
This component offers different gallery layout variants, designed to showcase images in an elegant and responsive manner. Each variant is optimized for different types of visual content.
Built with Tailwind CSS and Next.js Image component, it provides optimized image loading, aspect ratio control, and hover effects. The gallery component is fully responsive and adapts to different screen sizes for an optimal viewing experience.
Installation
Set up project
If you haven't done that already, follow the installation guide before installing your first component.
Install components and dependencies
npx shadcn@latest add "https://launchuicomponents.com/r/gallery"
This command will:
- install necessary dependencies and add them to
package.json - add components required by this block to work to
components/ui - add a ready-to-use block to
components/sections
Add more variants
Get Launch UI Pro to access all variants.
Usage
What's inside?
Hundreds of components, blocks and templates, all created with React, Shadcn/ui and Tailwind that will help you make your product look special.
Saturn
A modern and clean template for SaaS businesses and marketing websites. Designed to showcase your product and convert visitors into customers.
View TemplateNeptune
A template for groundbreaking AI products and applications. Perfect for showcasing AI capabilities and demonstrating complex features.
View TemplateLuna
A comprehensive template for developer-focused projects. Perfect for showcasing developer features and building trust with potential customers.
View TemplatePluto
A sleek and engaging template designed for mobile app marketing. Perfect for showcasing app features and driving downloads.
View TemplateCalendar App
Responsive, customizable calendar block made with shadcn/ui, tailwind and react. Perfect for scheduling apps, time management tools, CRMs, and productivity platforms.
View TemplateAI Chat App
Interactive chat block made with shadcn/ui, tailwind and react. A great starting point for building AI assistants, customer support tools, messaging platforms, and virtual agents.
View TemplateWhat's inside?
Hundreds of components, blocks and templates, all created with React, Shadcn/ui and Tailwind that will help you make your product look special.
Saturn
A modern template for SaaS businesses and marketing websites. Designed to showcase your product and drive conversions.
View TemplateNeptune
A sleek template for AI products and applications. Perfect for showcasing advanced capabilities and innovative features.
View TemplateLuna
A comprehensive template for developer tools and platforms. Built to highlight technical features and developer experience.
View TemplatePluto
An engaging template for mobile app marketing. Designed to showcase app features and increase user acquisition.
View TemplateCalendar App
A responsive calendar block built with modern tools. Perfect for scheduling, time management and productivity apps.
View TemplateAI Chat App
An interactive chat interface built with modern tools. Ideal for AI assistants, support tools and messaging platforms.
View TemplateCalendar App
A responsive calendar block built with modern tools. Perfect for scheduling, time management and productivity apps.
View TemplateAI Chat App
An interactive chat interface built with modern tools. Ideal for AI assistants, support tools and messaging platforms.
View TemplateWhat's inside?
Hundreds of components, blocks and templates, all created with React, Shadcn/ui and Tailwind that will help you make your product look special.
Blocks
Building blocks for creating beautiful user interfaces across various sections of your website.
Hero
5 sections
Bento Grid
5 sections
Feature
6 sections
Social Proof
6 sections
FAQ
5 sections
Navbar
5 sections
Logos
5 sections
Items
4 sections
Carousel
4 sections
Stats
3 sections
Testimonials
3 sections
CTA
3 sections
Footer
3 sections
Pricing
3 sections
Tabs
3 sections
Website Templates
Complete website templates ready to be customized for your business needs.
Saturn
A modern and clean template for SaaS businesses and marketing websites. Designed to showcase your product and convert visitors into customers.
View TemplateNeptune
A template for groundbreaking AI products and applications. Perfect for showcasing AI capabilities and demonstrating complex features.
View TemplateLuna
A comprehensive template for developer-focused projects. Perfect for showcasing developer features and building trust with potential customers.
View TemplatePluto
A sleek and engaging template designed for mobile app marketing. Perfect for showcasing app features and driving downloads.
View TemplateApp Templates
Ready-to-use app interface templates that you can integrate with your backend.
Calendar App
Responsive, customizable calendar block made with shadcn/ui, tailwind and react. Perfect for scheduling apps, time management tools, CRMs, and productivity platforms.
View TemplateAI Chat App
Interactive chat block made with shadcn/ui, tailwind and react. A great starting point for building AI assistants, customer support tools, messaging platforms, and virtual agents.
View TemplateNeed help?
File a feature request, report a bug, or ask me anything.