Masonry Gallery
Pinterest-style staggered image grid.
Adjust the preview
Every choice updates the preview and the wording below.
Columns
Hover Effect
Border Radius
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a masonry gallery layout with 3 columns using CSS columns. Images have slightly rounded (8px) corners and a gentle zoom-in on hover. Each item should maintain its intrinsic aspect ratio. Add smooth transitions and make it responsive.
Paste it into Claude, Cursor, or v0 along with the context for your project.