Grid
Getting Started with @gallerykit/grid
1. Install
pnpm add @gallerykit/gridIf your app does not yet depend on @gallerykit/core, the package will pull it in automatically.
2. Use it
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 for the full list of exports.
- Browse the rest of the GalleryKit docs to see which layouts, skins, and themes are available.