Buid your own

When you build your own subscription interface, you get complete control over how plans appear to your customers. Mantle handles all the complex billing while you decide exactly how everything looks in your app.

Choose your approach

Mantle keeps billing functionality separate from your displays, giving you flexibility in how you present plans:

• Build everything from scratch for complete design control
• Use Mantle’s pre-built components to save development time
• Mix custom elements with Mantle components for the best of both worlds

No matter which approach you choose, Mantle’s billing system works behind the scenes to manage subscriptions, process payments, and track what features your customers can access.

Component options

You’ve got two main ways to show subscription plans in your app:

Use Mantle’s components

If you want to implement faster, Mantle’s components can help:

• Drop in ready-made plan displays from our component library
• Customize colors and styles to match your brand
• Connect to Mantle’s API with minimal setup

Use your own components

When you use your own components:

• You create interfaces that perfectly match your brand
• You fetch plan data from Mantle’s API to fill your custom UI
• You control every visual detail while Mantle handles the billing logic

Either way, you’re working with the same plan data—you just decide whether to craft the visuals yourself or start with Mantle’s components.

Powerful features

Both Hosted Billing and custom interfaces give you access to Mantle’s powerful plan management features. When building your own interface, you get these additional benefits:

Complete design control

While Hosted Billing offers extensive customization, building your own interface gives you pixel-perfect control over the design. This is ideal for apps with unique UI requirements or complex brand guidelines that need precise implementation.

Custom interactions

Create specialized user interactions that go beyond standard plan selection. Design interactive pricing calculators, custom comparison tools, or unique upgrade paths that perfectly match your users’ needs.

Next steps

Ready to build your own subscription interface? Here’s how to get started:

1. Connect with Mantle - Integrate your app using our integration guide
2. Plan your approach - Decide if you’ll build custom components or use Mantle’s
3. Set up your plans - Configure pricing tiers and features in the Mantle dashboard
4. Connect the data - Use our guides to fetch plan data and handle subscriptions

You can implement this entirely on your own using Mantle’s APIs, or follow our step-by-step implementation guide that uses our libraries and providers for a faster setup.

With Mantle managing all the billing complexity, you’re free to focus on creating subscription experiences that feel like a natural part of your app.