# Paywall

> Paywall, NSFW blur, and age-gate overlays for premium content.

Source: https://gallerykit.n.yatsyk.com/docs/paywall

# @gallerykit/paywall

**@gallerykit/paywall** provides three overlay components — `<PaywallOverlay>`, `<NsfwBlur>`, and `<AgeConfirmation>` — that gate gallery items behind purchase, content warnings, or age confirmation flows.

* **Stability:** experimental
* **Peer dependencies:** `react`, `react-dom`
* **Dependencies:** `@gallerykit/core`

## Install

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

## Quick example

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

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

See [Getting Started](./getting-started.mdx) for the full walkthrough and [API](./api.mdx) for the public exports.