Pinterest Grid
A masonry-style grid layout inspired by Pinterest. Perfect for displaying images, cards, and content of varying heights in a visually appealing waterfall layout.
Loading preview...
Installation
Usage
Loading usage example...
PinterestGrid Props
| Name | Default | Description |
|---|---|---|
| children | — | PinterestCard components to display in the grid |
| columns | 4 | Number of columns at the largest breakpoint |
| gap | 16 | Gap between columns in pixels |
| className | — | Additional CSS classes for the grid container |
| animate | true | Enable staggered fade-in animations |
PinterestCard Props
| Name | Default | Description |
|---|---|---|
| src | — | Image source URL |
| alt | — | Image alt text for accessibility |
| title | — | Optional title shown on hover |
| description | — | Optional description shown on hover |
| href | # | Link URL when card is clicked |
| className | — | Additional CSS classes |
Found an issue? Open an issue on GitHub