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/paywallQuick 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.