Gallerykit
Masonry

Getting Started with @gallerykit/masonry

1. Install

pnpm add @gallerykit/masonry

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

2. Use it

import { Masonry } from "@gallerykit/masonry";

export default function Wall({ items }: { items: GalleryItem[] }) {
  return <Masonry items={items} columns={3} gap={8} />;
}

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.