Shadcn.io is not affiliated with official shadcn/ui
Full-Width Slider Gallery
A full-width image slider with navigation controls built with React, Next.js, shadcn/ui, and Tailwind CSS. Features autoplay indicator, slide counter, and thumbnail strip navigation.
Build an immersive full-width slider perfect for hero sections, product showcases, and visual storytelling. Complete with intuitive controls and thumbnail navigation.
Full-Width Slider Gallery preview
Installation
Related Components
Carousel Gallery
Horizontal scrolling carousel
Featured Hero Gallery
Hero gallery with featured image
Before After Gallery
Comparison slider gallery
Lightbox Gallery
Gallery with lightbox modal view
Masonry Gallery
Masonry grid layout gallery
Portfolio Gallery
Portfolio-style project cards
FAQ
Was this page helpful?
Sign in to leave feedback.
Seasonal Gallery
A themed gallery with season selector showcasing different color schemes and content for Spring, Summer, Fall, and Winter built with React, Next.js, shadcn/ui, and Tailwind CSS.
Social Feed Gallery
A social media feed-style gallery with avatars, interactions, and timestamps, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS