Shadcn.io is not affiliated with official shadcn/ui
Billing Add On Bundle Pricing
A multi-select add-on management block for React and Next.js featuring bundle discounts, itemized costs, and dynamic totals built with shadcn/ui and NumberFlow.
Maximize your average revenue per user (ARPU) with this professional Add-on Bundle Pricing block. It allows users to customize their plan with optional power-ups, while incentivizing larger purchases through multi-item bundle discounts. Built with framer-motion for engaging selection states and NumberFlow for real-time total cost updates, it's the perfect upsell component for SaaS billing and checkout pages.
Related Components
Add-on Marketplace
Comprehensive catalog of platform extensions
Pro-rated Calculation
Immediate charge preview for new add-ons
Plan Selector
Base tier and seat selection interface
Cart Mini
Compact sidebar preview of selected items
Bulk Discount Table
Volume-based pricing visualizations
Subscription Summary
Current plan and active add-ons overview
FAQ
Was this page helpful?
Sign in to leave feedback.