Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

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

Create a dynamic visual experience with this waterfall masonry gallery that organizes images in a natural flowing layout. Items automatically distribute across columns based on height, creating an organic Pinterest-style grid perfect for showcasing diverse content.

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.