# Getting Started

> Install and use @gallerykit/paywall.

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

# Getting Started with @gallerykit/paywall

## 1. Install

```bash
pnpm add @gallerykit/paywall
```

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

## 2. Use it

```tsx
import { PaywallOverlay } from "@gallerykit/paywall";

<PaywallOverlay locked onUnlock={() => navigate("/checkout")}>
  <img src="/preview.jpg" alt="" />
</PaywallOverlay>
```

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