Gallerykit
Carousel

Getting Started with @gallerykit/carousel

1. Install

pnpm add @gallerykit/carousel

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

2. Use it

import { Carousel } from "@gallerykit/carousel";

const photos = [
  { id: "1", src: "/a.jpg", alt: "A" },
  { id: "2", src: "/b.jpg", alt: "B" }
];

export default function Hero() {
  return <Carousel items={photos} effect="slide" />;
}

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.