Components

Comprehensive collection of billing and subscription management components with production-ready features.

Professional pricing table components designed for conversion optimization and clear feature presentation.

Component	Description
Pricing Table One	Essential pricing table with classic and minimal theme variants
Pricing Table Two	Advanced pricing table with enhanced layouts and feature comparison
Pricing Table Three	Enterprise-grade pricing table with custom styling and advanced features
Pricing Table Four	Modern gradient pricing table with contemporary design and smooth animations

Comprehensive subscription management interfaces for billing dashboards and user account management.

Component	Description
Manage Subscription	Complete subscription dashboard with billing history and account details
Invoice History	Read-only table showing past invoices and receipts
Usage Table	Per-model LLM usage with token counts, cache reads, and API cost
Update Plan Card	Inline plan upgrade interface with feature comparison and pricing
Update Plan Dialog	Modal dialog for seamless plan changes with confirmation flow

Comprehensive payment method selection and processing interfaces for secure checkout experiences.

Component	Description
Payment Method Selector	Interactive payment method selector supporting cards, digital wallets, UPI, and BNPL services
Payment Method Manager	Complete UI for managing billing payment methods (credit card, ACH) with CRUD and validation
Payment Success Dialog	Dialog for successful payment during checkout flow

Thoughtfully designed cancellation flows with retention strategies and user feedback collection.

Component	Description
Cancel Subscription Dialog	Comprehensive cancellation flow with feedback collection and retention offers
Cancel Subscription Card	Compact cancellation interface for quick subscription termination

Visual usage meters and analytics components for displaying quotas, limits, and consumption data.

Component	Description
Usage Meter Linear	Horizontal progress bar for displaying usage percentages and limits
Usage Meter Circle	Circular progress indicator for API limits and storage consumption

Engagement components for announcements, promotions, and user onboarding experiences.

Component	Description
Top Banner	Promotional banner with multiple variants for announcements and CTAs

Technical Specifications

Full TypeScript Support - Complete type safety with IntelliSense
Theme Integration - Automatic light/dark mode with CSS variables
Responsive Design - Mobile-first approach with breakpoint optimization
Accessibility Compliance - WCAG 2.1 AA standards with screen reader support
Customizable Styling - CSS variables and prop-based theming system
Comprehensive Documentation - Usage examples, API reference, and best practices