Monetization Feature

Add Subscriptions to Your React Native App

Stop spending weeks on payment integration. VibeFast includes a complete subscription system with RevenueCat, paywall UI, entitlement checks, and backend—ready to monetize from day one.

😤 The Problem

Implementing payments in mobile apps is notoriously painful:

  • Apple and Google have completely different APIs
  • Subscription lifecycle handling is complex
  • App Store review requires specific UI/UX patterns
  • Testing requires sandbox accounts and special builds
  • Entitlement checks need to work offline too

Total time: 2-4 weeks

✨ The VibeFast Solution

Everything is already built and tested:

  • RevenueCat handles both platforms automatically
  • Complete subscription lifecycle managed for you
  • App Store-compliant paywall UI included
  • Sandbox mode with local products for testing
  • Offline-capable entitlement caching built-in

Total time: 1 hour

Complete Payment Stack

Not just UI components—the full integration from paywall to backend.

Paywall UI Components

Beautiful, customizable paywall screens with product cards, pricing, and purchase buttons ready to use.

Entitlement Checks

Gate premium features with simple hooks. Check subscription status anywhere in your app.

Restore Purchases

Handle restore flows properly for App Store and Play Store compliance. No headaches.

Cross-Platform

Works on iOS and Android with RevenueCat. One integration, both platforms.

Remote Config

Configure products remotely via RevenueCat dashboard. Change pricing without app updates.

Analytics Ready

Track conversion, MRR, and churn with RevenueCat's built-in analytics dashboard.

What's Included

Paywall screen component with multiple layouts
Product cards with pricing display
Subscription tier comparison UI
Purchase button with loading states
Restore purchases flow
Entitlement hook for feature gating
Backend for purchase history
Consumable handling (credits, tokens)
Trial period support
Introductory pricing display
Error handling and fallbacks
Sandbox testing mode

Simple Integration

Add a paywall to your app with a few lines of code.

PaywallScreen.tsx
import RevenueCatUI from 'react-native-purchases-ui';
import { useEntitlement } from "@/features/payments/hooks/use-entitlement";

export default function UpgradeScreen() {
  const { isEntitled } = useEntitlement("premium");

  if (isEntitled) {
    return <Text>You're already a Pro member! 🎉</Text>;
  }

  // Use the native Paywall UI or VibeFast's custom UI
  return (
    <RevenueCatUI.Paywall
      onPurchaseCompleted={({ customerInfo }) => {
        console.log("Purchased!", customerInfo);
        router.replace("/home");
      }}
      onDismiss={() => router.back()}
    />
  );
}
GateFeature.tsx
import { useEntitlement } from "@/features/payments/hooks/use-entitlement";

export function PremiumFeature() {
  const { isEntitled } = useEntitlement("premium_features");

  if (!isEntitled) {
    return <UpgradePrompt />;
  }

  return <ActualPremiumContent />;
}

VibeFast vs Building from Scratch

FeatureVibeFastFrom Scratch
RevenueCat integration2-3 days
Paywall UI components3-5 days
Entitlement checks1-2 days
Restore purchases1 day
Backend purchase history2-3 days
Error handling1-2 days
Testing sandbox mode1 day
App Store complianceResearch time
Total Time1 hour2-4 weeks

Frequently Asked Questions

Does it support both iOS and Android subscriptions?

Yes. VibeFast uses RevenueCat which handles both App Store (iOS) and Google Play (Android) subscriptions with a single integration. You configure your products in RevenueCat's dashboard, and the SDK handles the platform differences automatically.

Do I need a RevenueCat account?

Yes, you'll need a RevenueCat account (they have a generous free tier). VibeFast provides the mobile integration and UI—RevenueCat handles the actual payment processing and subscription management. You'll also need Apple Developer and Google Play Console accounts for production.

Can I customize the paywall design?

Absolutely. The paywall components are built with uniwind (Tailwind for React Native) and are fully customizable. You can change colors, fonts, layout, add testimonials, feature lists, or completely rebuild the UI while keeping the purchase logic.

How do I test subscriptions before going live?

VibeFast includes a sandbox mode with local products for testing. You can also use RevenueCat's sandbox environment with Apple and Google's test accounts. The mode is controlled by environment variables, so switching to production is just a config change.

What about consumable purchases like tokens or credits?

VibeFast supports consumables through the backend (Convex or Supabase). When a user purchases credits, the backend records the purchase and tracks the balance. The hooks handle incrementing on purchase and decrementing on usage.

How do I handle subscription changes and cancellations?

RevenueCat sends webhooks for subscription events. VibeFast includes backend functions to receive these webhooks and update user entitlements in real-time. When a user cancels, their access is revoked at the end of the billing period automatically.

Ready to Monetize Your App?

Get VibeFast and start accepting payments this week.

One-time purchase. Lifetime updates. Commercial license included.