Shadcn.io is not affiliated with official shadcn/ui
Split View Gallery
A dual-pane gallery interface with list navigation and detail preview built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS. Features responsive layout and smooth transitions.
Optimize browsing efficiency with a split-screen gallery that shows thumbnails and full previews side by side. Perfect for media libraries, product catalogs, or document management systems.
Split View Gallery preview
Installation
Related Components
Lightbox Gallery
Lightbox gallery layout
Categories Gallery
Categories gallery layout
Drag Reorder Gallery
Drag Reorder gallery layout
Masonry Gallery
Masonry gallery layout
Stories Gallery
Stories gallery layout
Infinite Scroll Gallery
Infinite Scroll gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Comparison Gallery
A side-by-side comparison gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Compare items with images and detailed specifications with highlighted differences.
Gallery Spotlight
A dynamic spotlight gallery component for React and Next.js with radial layout and interactive image selection, built with shadcn/ui and Tailwind CSS. Features a prominent hero image surrounded by thumbnail ring.