🔥 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
Log in or sign up for Devpost to join the conversation.