Shadcn.io is not affiliated with official shadcn/ui
Circular Image Gallery
A circular image gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Images are cropped to circles with hover effects and optional captions.
Perfect for team pages, avatar collections, product icons, or any gallery where circular cropping creates a cohesive, professional look. Hover interactions add depth without overwhelming the design.
Circular Image Gallery preview
Installation
Related Components
Thumbnail Grid Gallery
Thumbnail Grid gallery layout
Split Comparison Gallery
Split Comparison gallery layout
Masonry Gallery
Masonry gallery layout
Lightbox Gallery
Lightbox gallery layout
Band Layout Gallery
Band Layout gallery layout
Project Board Gallery
Project Board gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Gallery Categorized Tabs
A tab-based categorized gallery component for React and Next.js with vertical sidebar navigation, built with shadcn/ui and Tailwind CSS. Perfect for organizing large image collections by category.
Client Logos Gallery
A client and partner logo gallery grid built with React, Next.js, shadcn/ui, and Tailwind CSS. Features grayscale logos that colorize on hover with smooth transitions for showcasing trusted brands.