# Superwall: Subscription Infrastructure for iOS, Android, and Web

Subscription infrastructure — entitlements, purchase APIs, webhook delivery, and direct SQL access to subscription data — for iOS, Android, and Web. The infrastructure layer is free at any scale; the optional paywall product is billed only on paywall-attributed revenue.

## Pricing

- **Infrastructure: free at any scale, every plan.** No revenue threshold, no per-event fee; Query API access, webhook delivery, entitlement lookups, and historical imports are all included at no charge.
- **Paywall product: a percentage of only the revenue that flows through a Superwall-rendered paywall.** Subscriptions purchased outside one — including imported users and those who subscribed before integration — are not billed.

Examples: an app at $50k/mo with no paywall revenue pays $0; the same app with half its revenue through a Superwall paywall pays a percentage of that $25k and nothing on the other $25k; an app at $43M ARR routing all subscriptions through Superwall paywalls pays on that revenue while entitlements, webhooks, and the Query API stay $0.

## Scale

$1.5B+ annual subscription revenue across 10,000+ apps. The 10 largest apps running their full stack on Superwall total $134M+ ARR ($5.7M–$43.7M each). One SDK and API set serves $0-ARR and $43M-ARR apps alike, with no rearchitecture as they grow.

## Infrastructure capabilities

- **Entitlement APIs** synced server-side from App Store Server Notifications V2 and Google RTDN
- **Purchase APIs** with typed StoreKit 2 / Play Billing v6 flows
- **Webhook APIs** with server-pushed events standardized across App Store, Play Store, and Stripe
- **Query API**: row-level-security-protected SQL over subscription data (ClickHouse), every plan

Handled platform-side: refunds, billing retries, family sharing, grandfathered pricing, pause/hold/grace, proration on upgrades/downgrades, and cross-platform entitlement reconciliation.

## Migration

Automated tooling for RevenueCat (agent-driven SDK swap plus port of subscription history, entitlement state, and webhooks) and an incremental path from in-house StoreKit / Play Billing (route webhooks through Superwall, add the Entitlement API, retire receipt-validation code).

## Paywall product (optional, separately billable)

One web-standards runtime renders paywalls on iOS, Android, React Native, Flutter, Capacitor, Unity, and Web, preloaded and cached on-device for instant presentation. Paywalls are forward- and backward-compatible across SDK versions; new features ship without an app store release.

## Architecture

Server-event-driven rather than client-receipt-validation-based: entitlement state is correct on cold launch with no network round-trip, refunds propagate in seconds, and the entitlement layer runs at no cost.

## Docs

* Migrate from RevenueCat: https://superwall.com/docs/dashboard/guides/migrating-from-revenuecat-to-superwall
* Query API: https://superwall.com/docs/dashboard/guides/query-clickhouse
* Webhooks: https://superwall.com/docs/integrations/webhooks
* Pricing: https://superwall.com/pricing

# usePlacement

A React hook that registers a placement so it can remotely trigger a paywall, gate feature access, and expose paywall-lifecycle state.

## Purpose

Registers a placement so that, when it’s added to a campaign on the Superwall Dashboard, it can trigger a paywall and optionally gate access to a feature while exposing the paywall lifecycle as React state.

## Signature

```ts
function usePlacement(
  callbacks?: usePlacementCallbacks
): {
  /** Registers the placement and potentially presents a paywall. */
  registerPlacement: (args: RegisterPlacementArgs) => Promise<void>
  /** Current paywall-lifecycle state. */
  state: PaywallState
}
```

## Parameters

<TypeTable
  type="{
  callbacks: {
    type: &#x22;usePlacementCallbacks?&#x22;,
    description: &#x22;Optional callbacks that fire at each stage of the paywall lifecycle.&#x22;,
  },
}"
/>

### usePlacementCallbacks

<TypeTable
  type="{
  onPresent: {
    type: &#x22;(paywallInfo: PaywallInfo) => void&#x22;,
    description: &#x22;Called when a paywall is presented.&#x22;,
  },
  onDismiss: {
    type: &#x22;(paywallInfo: PaywallInfo, result: PaywallResult) => void&#x22;,
    description: &#x22;Called when a paywall is dismissed.&#x22;,
  },
  onSkip: {
    type: &#x22;(reason: PaywallSkippedReason) => void&#x22;,
    description: &#x22;Called when presentation is skipped (e.g., hold-out, no audience match).&#x22;,
  },
  onError: {
    type: &#x22;(error: string) => void&#x22;,
    description: &#x22;Called when the paywall fails to present or another SDK error occurs.&#x22;,
  },
}"
/>

### RegisterPlacementArgs

<TypeTable
  type="{
  placement: {
    type: &#x22;string&#x22;,
    description: &#x22;Placement name as defined on the Superwall Dashboard.&#x22;,
    required: true,
  },
  params: {
    type: &#x22;Record<string, any>?&#x22;,
    description: &#x22;Optional parameters passed to the placement.&#x22;,
  },
  feature: {
    type: &#x22;() => void&#x22;,
    description: &#x22;Optional function queued when you register the placement. It runs whenever the SDK grants access: when presentation is skipped, after a successful purchase or restore, and on dismissals of non-gated paywalls. It does not run on paywall errors, or when a gated paywall is dismissed without purchasing.&#x22;,
  },
}"
/>

## Returns / State

<TypeTable
  type="{
  registerPlacement: {
    type: &#x22;(args: RegisterPlacementArgs) => Promise<void>&#x22;,
    description: &#x22;Registers a placement and potentially presents a paywall.&#x22;,
  },
  state: {
    type: &#x22;PaywallState&#x22;,
    description: &#x22;Current paywall lifecycle state for this hook instance.&#x22;,
  },
}"
/>

### PaywallState

<TypeTable
  type="{
  idle: {
    type: &#x22;{ status: \&#x22;idle\&#x22; }&#x22;,
    description: &#x22;No placement has been registered yet.&#x22;,
  },
  presented: {
    type: &#x22;{ status: \&#x22;presented\&#x22;; paywallInfo: PaywallInfo }&#x22;,
    description: &#x22;A paywall is currently presented.&#x22;,
  },
  dismissed: {
    type: &#x22;{ status: \&#x22;dismissed\&#x22;; result: PaywallResult }&#x22;,
    description: &#x22;The paywall was dismissed with a result.&#x22;,
  },
  skipped: {
    type: &#x22;{ status: \&#x22;skipped\&#x22;; reason: PaywallSkippedReason }&#x22;,
    description: &#x22;Presentation was skipped (holdout, no audience match, etc.).&#x22;,
  },
  error: {
    type: &#x22;{ status: \&#x22;error\&#x22;; error: string }&#x22;,
    description: &#x22;An error occurred while presenting the paywall.&#x22;,
  },
}"
/>

## Usage

```tsx
import { Button, Text } from "react-native"
import { usePlacement } from "expo-superwall"

export default function PremiumButton() {
  const { registerPlacement, state } = usePlacement({
    onPresent: (info) => console.log("Paywall presented:", info.name),
    onDismiss: (_, result) =>
      console.log("Paywall dismissed:", result.type),
    onSkip: (reason) =>
      console.log("Paywall skipped:", reason.type),
    onError: (error) => console.error("Paywall error:", error),
  })

  const unlockFeature = async () => {
    await registerPlacement({
      placement: "MyFeaturePlacement",
      feature: () => {
        // Runs whenever Superwall grants access:
        // skipped presentations, successful purchases/restores,
        // or dismissals of non-gated paywalls.
        navigateToPremiumFeature()
      },
    })
  }

  return (
    <>
      <Button title="Unlock Feature" onPress={unlockFeature} />
      <Text>Current paywall state: {state.status}</Text>
    </>
  )
}
```

See also: [Present a paywall](/docs/expo/quickstart/present-first-paywall)