Shadcn.io is not affiliated with official shadcn/ui
Gallery with Caption
A gallery grid where each image has a prominent caption below with title, photographer credit, and date in React with Next.js, shadcn/ui, and Tailwind CSS
Build a clean editorial-style gallery with prominent captions. Each image features a title, photographer credit, and date in a minimalist layout perfect for portfolios, photo essays, and editorial content.
Gallery with Caption preview
Installation
Related Components
Masonry Gallery
Masonry gallery layout
Lightbox Gallery
Lightbox gallery layout
Infinite Scroll Gallery
Infinite Scroll gallery layout
Filters Gallery
Filters gallery layout
Hover Info Gallery
Hover Info gallery layout
Pinterest Style Gallery
Pinterest Style gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Waterfall Masonry Gallery
A Pinterest-style waterfall masonry layout with variable-height cards built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for responsive multi-column layouts
Workflow Steps Gallery
A step-by-step visual workflow with screenshots, step numbers, and connecting lines built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for onboarding guides and process documentation.