# Getting Started

> Install and use @gallerykit/theme-pro.

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

# Getting Started with @gallerykit/theme-pro

## 1. Install

```bash
pnpm add @gallerykit/theme-pro
```

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

## 2. Use it

```tsx
import "@gallerykit/theme-pro";
import "@gallerykit/theme-pro/styles.css";

<Gallery config={{ layout: "grid", theme: "pro" }} items={items} />
```

## 3. Stylesheet

This package also exports a raw stylesheet at `@gallerykit/theme-pro/styles.css`. Import it once at the root of your app:

```ts
import "@gallerykit/theme-pro/styles.css";
```

## 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.