Introduction

Welcome to the React Native Paywall documentation! 🎉

The react-native-paywall library is a powerful, customizable component for integrating subscription-based paywalls into your React Native applications. Whether you're building a mobile app with in-app purchases or looking to enhance user retention through well-designed subscription flows, this library has you covered.

Why Use React Native Paywall?

  • Multiple Paywall Support
    Easily manage different paywalls for various subscription tiers or regions.

  • Customizable UI
    Tailor the paywall's appearance and behavior to match your app's branding.

  • Dynamic Product Selection
    Dynamically load product options like monthly, annual, or lifetime subscriptions.

  • Developer-Friendly
    Simple API with extensive customization options for a seamless integration process.

Key Features

  • Multi-Paywall Management: Support for different paywalls like Istanbul or London to match your app's requirements.
  • Dynamic Plans: Configure and display product plans dynamically from your backend or a service like RevenueCat.
  • Custom UI Components: Use your own components (like headers, buttons, or images) to personalize the paywall.
  • Styling Options: Customize colors, fonts, layouts, and animations effortlessly.
  • Event Handling: Handle user actions like subscription selection, plan restoration, or cancellations.

Who Is This For?

This library is perfect for developers who want to:

  • Build subscription-based mobile apps using React Native.
  • Provide customized paywalls for their users.
  • Seamlessly integrate with payment services like RevenueCat.

Example Use Cases

Here are a few scenarios where react-native-paywall can be used:

  1. Subscription Apps
    Create a beautiful paywall for fitness, education, or entertainment apps.

  2. Regional Pricing
    Show different subscription options based on the user's location.

  3. Free Trial Conversion
    Increase conversions with personalized offers and trial periods.

How to Get Started

Ready to dive in? Check out the Installation guide for step-by-step instructions on installing and using react-native-paywall in your project.

Screenshots

Here’s a sneak peek of what you can achieve:

Istanbul Paywall

A sleek and modern design focused on engagement.

Istanbul Paywall

London Paywall

A visually distinct design with clear subscription options.

London Paywall

Start creating subscription experiences that users love today! 🚀