Gallerykit
Core
View as MarkdownOpen in Claude

Getting Started with @gallerykit/core

1. Install

pnpm add @gallerykit/core

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

2. Use it

import { Gallery } from "@gallerykit/core";
import "@gallerykit/grid"; // self-registers the "grid" layout

const items = [
  { id: "1", src: "/photo-1.jpg", alt: "" },
  { id: "2", src: "/photo-2.jpg", alt: "" }
];

export default function MyGallery() {
  return <Gallery config={{ layout: "grid", columns: 3 }} items={items} />;
}

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.

Core

Schemas, types, registries, and shared primitives that every other GalleryKit package depends on.

API

@gallerykit/core public exports.

On this page

Getting Started with @gallerykit/core1. Install2. Use itNext steps