Overview
A clean and modern masonry grid layout inspired by brick-wall and Pinterest-style designs. It arranges items into multiple columns with varying heights, minimizing vertical gaps and creating a natural, staggered flow. A subtle blur-to-sharp animation enhances the initial render for a polished visual experience.
Where to Use
- Image galleries
- Portfolio showcases
- Blog card layouts
- Pinterest-style feeds
- Content-heavy landing sections
Why Use This Component
- Visually appealing staggered layout
- No complex grid calculations required
- Smooth entrance animation
- Lightweight and easy to customize
- Works well with variable-height content
Built With
ReactTailwind CSSFramer Motion