Shadcn.io is not affiliated with official shadcn/ui
Icon Showcase Gallery
An icon and illustration showcase gallery component with search and category filtering built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for design systems and icon libraries.
Browse and search through icon collections with category filtering and copy-to-clipboard functionality. Ideal for design system documentation and icon library presentations.
Icon Showcase Gallery preview
Installation
Related Components
Lookbook Gallery
Lookbook gallery layout
Video Thumbnails Gallery
Video Thumbnails gallery layout
Testimonial Photos Gallery
Testimonial Photos gallery layout
Screenshot Gallery
Screenshot gallery layout
Masonry Gallery
Masonry gallery layout
Carousel Gallery
Carousel gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Hexagonal Grid Gallery
A unique honeycomb pattern gallery using CSS clip-path for hexagonal shapes with hover overlays built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion
Image Comparison Slider
An interactive before/after image comparison slider built with React, Next.js, shadcn/ui, and Tailwind CSS. Features draggable divider, labeled sides, center grab handle, and real-time progress percentage display.