Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Masonry Gallery with Hover Effects

A responsive masonry image gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features sophisticated hover effects with image scaling, sliding title overlays, and gradient transitions.

Create a dynamic masonry layout gallery with polished hover interactions. Images scale smoothly while titles slide up with gradient overlays, providing an elegant browsing experience for photo collections.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.