Modern, type-safe billing and subscription management components for React, built with TypeScript and Tailwind CSS. Designed to work seamlessly alongside shadcn/ui.
Hey Product Hunt!
I’m Ayush Agarwal, Co-Founder & CPTO of Dodo Payments, and I'm excited to share BillingSDK with you today.
BillingSDK is a comprehensive collection of modern billing and subscription management components, built with React, TypeScript, and Tailwind CSS.
It’s designed to be fast, flexible, and slot seamlessly into your Next.js and React apps. All components are built on shadcn/ui primitives, so you get a consistent design and effortless integration out of the box.
Here’s what you’ll find inside:
→ Pricing Tables – Multiple themes and size variants, conversion-ready
→ Subscription Management – Full interfaces for upgrades, billing details, and account settings
→ Usage Monitoring – Linear & circular meters with animated progress indicators
→ Cancellation Flow – Friendly, two-step confirmations with built-in retention options
Plus:
→ Responsive design for all devices
→ Fully customizable with CSS variables
→ TypeScript-ready for a better dev experience
We’ve also included an LLMs.txt file to help AI models understand how to interact with these components.
Would love to hear your thoughts and feedback!
@aagarwal1012 Congrats Ayush 🚀 Looks great! How do you see it stacking up vs Stripe’s hosted components, especially since Clerk also ships a Stripe-integrated pricing UI?
TL;DR: Stripe’s hosted UI (and Clerk’s Stripe pricing) are fast starts but opinionated.
BillingSDK is open-source, provider-agnostic building blocks you fully own.
How it’s different:
→ Own the code, not an iframe. Built with React + shadcn/ui, theme it to the pixel and ship custom layouts/flows.
→ Beyond “checkout.” Pricing tables, upgrades/downgrades, usage meters, cancellation-retention, and a customer portal UI - composable pieces, not a single black box.
→ Provider-agnostic. Works with any backend; we ship a Dodo adapter today and are opening adapters for Stripe and others (happy to co-build - PRs welcome).
→ Future-proof. Switch gateways/MoR later without rewriting your UI.
→ Agent-friendly. Comes with an LLMs.txt + schemas so Cursor/Claude can wire it up quickly.
If you’re all-in on Clerk + Stripe and OK with their defaults, their hosted UI is great. If you need deep branding, custom flows, or the freedom to change providers, BillingSDK fits better - and it can also complement Clerk for auth.
There are some really cool components here already ! It will be really exciting to see how this grows further with the community contributing even more
BillingSdk has single purpose, help people integrate their billing & payments needs in minutes. Unlike other projects out there, BillingSdk is a fullstack solution that includes various billing components and backend integration to multiple payment processors in a composable manner.
💡 Pro Tip: With BillingSDK, you can set up your entire billing flow faster than it takes to decide what coffee to order ☕. The CLI scaffolds a full project in minutes, including routes, hooks, and backend integrations, all ready to go. On top of that, BillingSDK comes with a bunch of React components to handle:
@viswanatha Appreciate it, Viswanatha! That’s exactly who we’re building for. If there’s a flow you’d like to see (trials, upgrades, usage meters), tell me and we’ll prioritize. 💚
Replies
Dodo Payments
ScaryStories Live
@aagarwal1012 Congrats Ayush 🚀 Looks great! How do you see it stacking up vs Stripe’s hosted components, especially since Clerk also ships a Stripe-integrated pricing UI?
Dodo Payments
@tonyabracadabra
Thanks, Tony! Great question.
TL;DR: Stripe’s hosted UI (and Clerk’s Stripe pricing) are fast starts but opinionated.
BillingSDK is open-source, provider-agnostic building blocks you fully own.
How it’s different:
→ Own the code, not an iframe. Built with React + shadcn/ui, theme it to the pixel and ship custom layouts/flows.
→ Beyond “checkout.” Pricing tables, upgrades/downgrades, usage meters, cancellation-retention, and a customer portal UI - composable pieces, not a single black box.
→ Provider-agnostic. Works with any backend; we ship a Dodo adapter today and are opening adapters for Stripe and others (happy to co-build - PRs welcome).
→ Future-proof. Switch gateways/MoR later without rewriting your UI.
→ Agent-friendly. Comes with an LLMs.txt + schemas so Cursor/Claude can wire it up quickly.
If you’re all-in on Clerk + Stripe and OK with their defaults, their hosted UI is great. If you need deep branding, custom flows, or the freedom to change providers, BillingSDK fits better - and it can also complement Clerk for auth.
ScaryStories Live
@aagarwal1012 awesome, will it be integrated with https://www.better-auth.com/?
Dodo Payments
@tonyabracadabra Yes it is
Let's go 🚀🚀
Dodo Payments
@ajju03 Go go go 🚀
Dodo Payments
There are some really cool components here already ! It will be really exciting to see how this grows further with the community contributing even more
Dodo Payments
@deep_doshi3477 Thanks, Deep! Same here - excited to grow this with the community.
Dodo Payments
BillingSdk has single purpose, help people integrate their billing & payments needs in minutes. Unlike other projects out there, BillingSdk is a fullstack solution that includes various billing components and backend integration to multiple payment processors in a composable manner.
Dodo Payments
@raghav_raghav Perfect summary, Raghav. Composable UI + pluggable backends is the north star - we’re adding more provider adapters next.
Dodo Payments
Making billing so easy, even your cat could do it.
Dodo Payments
@anurag_bevinal If the cat opens a PR, we’ll review within 24 hours. 😼 Thanks for pushing this across the finish line.
PopHop
wow super excited to try it out lets gooooo
Dodo Payments
@suryansh_7 Love the energy! Dive in and ping me if anything’s rough. Would be awesome to see what you build with it.
Dodo Payments
So proud of the team!
This is an important step towards Dodo Payments' commitment towards the Open Source community :)
Dodo Payments
@rishabh_dodo
Thanks, Rishabh! Open-sourcing this was important to us so the community can shape it with us.
Dodo Payments
💡 Pro Tip: With BillingSDK, you can set up your entire billing flow faster than it takes to decide what coffee to order ☕.
The CLI scaffolds a full project in minutes, including routes, hooks, and backend integrations, all ready to go.
On top of that, BillingSDK comes with a bunch of React components to handle:
Pricing tables (multiple themes and sizes)
Subscription management (upgrades, billing details, account settings)
Usage monitoring (linear and circular progress meters)
Cancellation flows (friendly two-step confirmations with retention options)
And much more.
It is all TypeScript-ready, works nicely with React, shadcn/ui, and Tailwind. Your cat could technically handle it, but we still recommend a human 😸.
What is the weirdest billing workflow you have had to deal with?
I would love to hear stories and maybe build them into BillingSDK next!
Dodo Payments
@sahil_tiwaskar1 you're the magician behind Billing SDK 🚀
Dodo Payments
@viswanatha Appreciate it, Viswanatha! That’s exactly who we’re building for. If there’s a flow you’d like to see (trials, upgrades, usage meters), tell me and we’ll prioritize. 💚
Congratulations on the launch 🎉 🎉 🥳!!!
Dodo Payments
@shubham_pratap Thanks so much, Shubham! 🙏 If you give BillingSDK a spin, I’d love your feedback - or a component you want us to add next.