pinterest grid

Photo gallery grid with lightbox effect

Architectural dragon sculpture mounted on a building facade

by Alex Chen

Powerful ocean waves crashing with white foam and blue water

Artistic illustration or design featuring spider motifs and patterns

Clear blue ocean water with gentle waves and natural movement

Delicious hotdog served with sauce and various toppings

Spider-man superhero character in action pose or costume

Collection of vintage film camera rolls and photography equipment

by Sarah Johnson

Portrait of a girl smoking a cigarette in artistic lighting

by Marcus Rodriguez

Cute llama standing in a desert environment with sand dunes

Classic Praktica vintage film camera with retro design

Installation

Choose your preferred installation method. CLI is recommended for the fastest setup.

One command, zero configuration

$ npx @hritik-sharmaa/repeat-ui add grid-pinterest-grid --variant ts-tailwind

Configuration options and properties for this component.

Prop	Type	Default	Description
`items`		`[]`	Array of items to display in the Pinterest grid
`columns`	`number`	`4`	Number of columns in the grid layout
`gap`	`number`	`16`	Gap between grid items in pixels
`onItemClick`	`(item: PinterestItem) => void`	`undefined`	Callback function triggered when an item is clicked