Shadcn.io is not affiliated with official shadcn/ui
Color Palette Gallery
A gallery organized by dominant color themes with filter swatches, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS
Organize and filter images by their dominant color palette. Perfect for design inspiration, product catalogs, and curated collections.
Color Palette Gallery preview
Installation
Related Components
Masonry Gallery
Masonry gallery layout
Grid Gallery
Grid gallery layout
Lightbox Gallery
Lightbox gallery layout
Photo Album Gallery
Photo Album gallery layout
Carousel Gallery
Carousel gallery layout
Stacked Gallery
Stacked gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Color Palette Grid Gallery
A design system color palette gallery with hex values, color names, and copy-to-clipboard functionality. Built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion.
Comparison Gallery
A side-by-side image comparison grid for React, Next.js, shadcn/ui, and Tailwind CSS applications. Perfect for A/B testing, before/after, and product comparisons.