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!