Shadcn.io is not affiliated with official shadcn/ui
Matrix Grid Gallery with Flip Animation
A matrix grid gallery with equal-size cells and 3D flip hover animation built with React, Next.js, shadcn/ui, and Tailwind CSS. Front shows image, back reveals details with playing card flip effect.
Create a sophisticated matrix gallery with 3D flip animations on hover. Each cell flips to reveal metadata including title, date, and tags with smooth transitions.
Matrix Grid Gallery with Flip Animation preview
Installation
Related Components
Grid Gallery
Grid gallery layout
Masonry Gallery
Masonry gallery layout
Lightbox Gallery
Lightbox gallery layout
Infinite Marquee Gallery
Infinite Marquee gallery layout
Aspect Ratio Grid Gallery
Aspect Ratio Grid gallery layout
Carousel Gallery
Carousel gallery layout
FAQ
Was this page helpful?
Sign in to leave feedback.
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.
Gallery Media Library
A media library manager view with grid/list toggle, file type icons, and filtering toolbar built with React, Next.js, shadcn/ui, and Tailwind CSS