# 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

# Floating Toolbar

The floating toolbar sits at the bottom of the editor preview. It controls how you view and interact with your paywall or flow. Your selected view mode is remembered across sessions.

### View modes

The left side of the toolbar has a three-way switcher: **Legacy**, **Device**, and **Flow**.

**Device** focuses on a single page at a time. It zooms in on the selected page so you can interact with it like a real device. Tap buttons, test navigation, trigger actions, and see how things behave. If you are testing a paywall or stepping through a flow page by page, Device is the right mode.

![](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/components_floating_tb_device.jpg)

**Flow** expands out and shows all of your pages at once, laid out with their connections visible. This is where you build and edit the structure of a flow: add pages, draw routes, set up branches, and rearrange the layout. If you are creating or editing a flow, this is the mode to work in.

![](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/components_floating_tb_flows.jpg)

**Legacy** is the original editor toolbar with zoom controls, a refresh button, and basic preview options. If you are working on an older paywall, this is the view you are used to.

![](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/pe-editor-floating-toolbar.png)

A good mental model: Device is for testing, Flow is for building. You can switch between them at any time.

### Toolbar controls

Most controls are shared across Device and Flow modes. From left to right:

* **View mode switcher:** Legacy, Device, or Flow.
* **Center canvas:** Resets the canvas position so everything is centered in the viewport.
* **Auto-layout branches*&#x2A; (Flow mode only)&#x2A;*:** Snaps all pages into a clean, centered layout. Useful when you have been dragging pages around while building a flow and want to tidy things up.
* **Toggle minimap:** Shows or hides a thumbnail overview. In Flow mode, the minimap is especially helpful for navigating larger flows. You can click and drag within it to jump to a specific area.
* **Device selector:** Switch between iPhone, iPhone SE, iPhone XL, iPad, and Desktop previews.
* **Orientation:** Toggle between portrait and landscape.
* **Variables:** Open the variable editor to view or edit variables used across your paywall. You can filter by variables in use, or show all of them.

### Zooming

Zooming works differently depending on the view mode.

In **Legacy** mode, use the zoom slider in the toolbar to adjust the preview scale:

![](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/pe-editor-floating-toolbar-zoom.gif)

In **Device** and **Flow** modes, pinch and zoom with your trackpad or mouse to zoom in and out of the canvas.

![](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/flows_tb_zoom.gif)