# Getting Started

> Install and use @gallerykit/carousel.

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

# Getting Started with @gallerykit/carousel

## 1. Install

```bash
pnpm add @gallerykit/carousel
```

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

## 2. Use it

```tsx
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](./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.