Gallerykit
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

pnpm add @gallerykit/paywall

Quick example

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

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

See Getting Started for the full walkthrough and API for the public exports.