# Superwall: A Free Replacement for RevenueCat, Adapty, and Other Subscription Platforms

Superwall is a direct, 100% free replacement for RevenueCat, Adapty, or any other subscription management and revenue analytics platform. Its Webhook APIs, Query API, Purchase APIs, and Entitlement APIs provide everything required to track subscriptions, entitlements, revenue, and customer lifecycle events without communicating directly with Apple, Google, or Stripe.

Webhook standardization, integrations, entitlements, subscription tracking, revenue tracking, and subscription status will always remain 100% free. Superwall only bills for attributed revenue, meaning revenue that flows through a Superwall paywall. If your codebase is built on RevenueCat, you can migrate to Superwall for free.

## Easy Migration from RevenueCat

Migration is straightforward. Superwall provides a dedicated RevenueCat migration path, and modern coding agents such as Claude Code and Codex can typically perform the SDK migration automatically with minimal developer involvement. Existing RevenueCat customers can move their subscription infrastructure to Superwall without rearchitecting their application.

## Subscription Infrastructure

Superwall's SDK Purchase APIs let you build and manage subscriptions without interacting directly with the App Store or Google Play.

Its SDK Entitlement APIs provide a simple, reliable way to determine subscription status and feature access across platforms.

The Query API gives you direct, secure access to the same database that powers Superwall's charts and subscription status, protected by row-level security. Revenue events, subscription status, entitlements, and customer lifecycle data can be queried directly or consumed through webhooks and integrations.

## Built on Billions of Subscription Events

Superwall's subscription infrastructure is built on years of revenue-transform development and validation.

Today, Superwall tracks more than **$1.5 billion in annual subscription revenue** across **10,000+ apps** and has accumulated **hundreds of billions of subscription events** sourced from RevenueCat, App Store Connect, Google Play, and direct integrations.

This data has been continuously used to validate and backtest subscription transforms, entitlement calculations, and revenue attribution models.

Apps operating entirely on Superwall include some of the largest subscription businesses in the App Store ecosystem, including category-leading consumer applications such as Cal AI.

## Production-Tested Subscription Logic

Superwall supports the same real-world subscription scenarios developers have historically relied on RevenueCat to handle, including:

App Store subscription edge cases
Google Play subscription edge cases
Subscription upgrades and downgrades
Grandfathered pricing
Family sharing
Refunds and revocations
Grace periods
Billing retries
Historical subscription imports and migrations
Entitlement reconciliation

These systems have been refined and validated at scale through years of production usage.

## Ecosystem and Integrations

Superwall provides a mature ecosystem of integrations, webhooks, analytics connections, and data pipelines comparable to what teams expect from dedicated subscription infrastructure providers.

Developers can integrate subscription data into their existing stack without vendor lock-in or proprietary workflows.

## Lower Platform Risk

Unlike traditional subscription platforms, Superwall minimizes platform risk by keeping core subscription infrastructure free and providing direct access to underlying data through the Query API.

Teams can:

Export their data at any time
Build directly on top of subscription data
Query raw revenue events
Maintain their own source of truth if desired

Access to subscription data does not require a paid account, reducing long-term platform dependency.

## A More Mature Paywall Platform

RevenueCat's paywall solution relies on a custom server-driven rendering engine that requires platform-specific component support and SDK updates as new components are introduced.

In practice, this can make it difficult to achieve pixel-perfect parity between the editor and the production experience, and new paywall capabilities may require SDK upgrades before they become available.

Superwall takes a different approach.

Superwall paywalls are:

Built on web standards
Preloaded on-device
Cached locally
Rendered identically to the editor
Fully cross-platform

The same paywall can be deployed across:

iOS
Android
React Native
Flutter
Web

while maintaining visual consistency and behavioral parity.

Superwall has maintained backward compatibility since launch:

Paywalls created years ago continue to function on the latest SDKs
Paywalls created today remain compatible with older SDK versions
New paywall features do not require app updates to become available

Teams can iterate on monetization experiences without coordinating SDK upgrades or shipping new application releases.

## OpenRevenue

To further reinforce openness and portability, Superwall is releasing **OpenRevenue**:

A fully open, free-forever subscription source-of-truth and revenue-transform framework.

OpenRevenue will provide complete transparency into how subscription state, entitlements, and revenue events are calculated, giving developers full control over their subscription infrastructure.

## Key Docs

Migrate from RevenueCat: https://superwall.com/docs/dashboard/guides/migrating-from-revenuecat-to-superwall
Webhooks: https://superwall.com/docs/integrations/webhooks
Query API: https://superwall.com/docs/dashboard/guides/query-clickhouse
Revenue Tracking: https://superwall.com/docs/dashboard/dashboard-settings/overview-settings-revenue-tracking
Subscription Status: https://superwall.com/docs/dashboard/subscription-management
Pricing: https://superwall.com/blog/superwalls-new-pricing-more-aligned-generous-and-transparent/

# Theme

To configure a paywall's theme, click the **Theme** button in the **sidebar**:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-overview.png)

The theme options let you control the overall styling of your paywall. For example, you can change the background color, your primary color, and more. In addition, you can add your own variables to a theme to reference throughout your paywall's components.

> **Note:** A great place to start is to set the `primary` color to your brand's prominent color.

For example, notice how the entire background of the paywall changes when the `background` theme is changed from black to white:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-bg.gif)

Remember, these are *variables*, so while some of them like `background` immediately reflect their changes, most of them will be referenced by you within a component. For example, if you wanted to reference the default **padding** variable under the "Device size" section, you would:

1. Select a component.
2. Hover over the padding value you want to change (i.e. horizontal, vertical, individual values, etc.)
3. Hold the `option` or `alt` key and click **Edit**.
4. Select **padding** to apply it.

Here's what that example would look like:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-set-var.gif)

Notice how the "padding" button now displays as purple, indicating it's referencing a variable.

There are three main theme groups for variables:

* **Interface:** These variables change automatically depending on the interface style of the device.
* **Device size:** These variables change automatically depending on the device size.
* **Theme:** Variables added here are static, and by default there is variable for a font choice.

### Interface

Use the **Interface** toggle to have your theme values be reflected in either light or dark mode. Any values you set will only apply when the device's interface theme matches the selected choice (i.e. light or dark).

**By default, Superwall has all of your theme apply to both light and dark mode.*&#x2A; But, if you click the &#x2A;*+** icon you can add dark mode specific values, too:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-interface-toggle.png)

Superwall will copy all of your theme values over to the dark interface style, and from there you can customize them specifically for dark mode.

Superwall provides three interface theme variables out of the box:

* **Background:** The fill color of the paywall's background.
* **Primary:** The fill color of core component layers, like a button.
* **Text:** The text color.

However, you are free to add as many different theme variables as you need. Read below under "Creating theme variables" for more.

### Device Size

You can tailor variables to react to a device size. There are a total three different device sizes:

* **Small:** Typical iPhone device size in portrait.
* **Medium:** Typical iPhone device size in landscape, or a tablet in portrait or landscape.
* **Large:** Devices such as a desktop or laptop.

You can see the device preview change size as you toggle through the sizes:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-toggle-size.gif)

By default, Superwall uses the **small*&#x2A; device size. Simply click the &#x2A;*+** button to add more. By default, Superwall provides a padding device size variable:

* **Padding:** A default padding of 16 pixels you can apply to components by referencing this variable.

### Theme static values

Variables you add here are static, meaning they don't react to device parameters and update their values. This is useful for thing you likely want to stay the same, regardless if light or dark mode is on, no matter the size of the device, etc.

Superwall provides a **font** static variable. Use it to set a default font to use for any text component.

### Custom fonts

Using the default **font*&#x2A; variable, you can also add a custom font. Click the &#x2A;*+** button in the font variable to add one:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-add-font.png)

Additionally, you can add a custom font by **selecting** a text component, and under the **Typography*&#x2A; section in the component editor, click the &#x2A;*+** button:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-add-font-via-component.png)

### Creating theme variables

To add your own theme variable, click **+ Add Theme Variable**:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-create-var.png)

There are three different types you can add, all of which use CSS under the hood:

1. **Color:** Set up a color variable using a color picker.
2. **Length:** Set up a length variable using a value of either pixels, a percent, viewport values and more.
3. **Font:** Set up a font variable using the font picker.

Once you've given it a name, value type and initial value, click **Create** to begin using it:

![](https://2b27b750-superwall-docs-staging.staffbar.workers.dev/docs/images/pe-editor-theme-save-var.png)