🔥 Inspiration

RevenueCat powers thousands of apps, but its paywalls are often built under time pressure. We challenged ourselves to design a clear, fast, and user-focused paywall using only the provided assets and tools.

💡 What it does

  • PayGateX is a clean and intuitive **RevenueCat paywall UI that:
  • Uses a simple timeline to explain the trial and billing
  • Lets users toggle between Monthly and Annual plans
  • Clearly highlights selected pricing and actions
  • Mimics a real-world subscription decision flow.

🛠 How we built it

  • Built entirely using the RevenueCat paywall template
  • Recorded the build live using OBS Studio in ~17 minutes
  • Focused only on layout, clarity, and UX — no external code or libraries used

⚠️ Challenges we ran into

  • Managing everything within the time constraint
  • Designing a UI that’s both simple and persuasive
  • Making it visually appealing using only the template editor

🏅 Accomplishments that we're proud of

  • Completed and recorded the full paywall in a single session
  • Delivered a clear, distraction-free user journey
  • Stayed true to the challenge: only RevenueCat + OBS Studio

📘 What we learned

  • Simplicity sells — even a minimal paywall can be effective
  • Planning the layout mentally before building helps a lot
  • How to work fast under pressure and record effectively

🚀 What’s next for PayGateX

  • Use this as a base for real apps using RevenueCat
  • Share the design as a community template
  • Explore A/B testing with RevenueCat tools

Built With

  • obsstudio
  • revenuecatpaywall
Share this project:

Updates