MasnoryGrid

A responsive grid that packs items of varying heights tightly.

Masonry image 1

Masonry image 2

Masonry image 3

Masonry image 4

Masonry image 5

Masonry image 6

Masonry image 7

Masonry image 8

Masonry image 9

Masonry image 10

Masonry image 11

Masonry image 12

Masonry image 13

Masonry image 14

Masonry image 15

Masonry image 16

Masonry image 17

Masonry image 18

Masonry image 19

Masonry image 20

Masonry image 21

Masonry image 22

Masonry image 23

Installation

bash

npm install framer-motion

Usage

tsx

import MasnoryGrid from '@/components/ui/MasnoryGrid';

<MasnoryGrid />