# Getting Started

> Install and use @gallerykit/grid.

Source: https://gallerykit.n.yatsyk.com/docs/grid/getting-started

# Getting Started with @gallerykit/grid

## 1. Install

```bash
pnpm add @gallerykit/grid
```

If your app does not yet depend on `@gallerykit/core`, the package will pull it in automatically.

## 2. Use it

```tsx
import { Grid } from "@gallerykit/grid";

const items = Array.from({ length: 24 }, (_, i) => ({
  id: String(i),
  src: `/photo-${i}.jpg`,
  alt: ""
}));

export default function Page() {
  return <Grid items={items} columns={{ base: 2, md: 3, lg: 4 }} aspectRatio="square" />;
}
```

## Next steps

* Read the [API reference](./api.mdx) for the full list of exports.
* Browse the rest of the [GalleryKit docs](/docs) to see which layouts, skins, and themes are available.