Back to components
SaaS component

SaaS Billing: Pricing, Comparison & History

Pricing tier cards with feature lists, side-by-side plan comparison table, and billing/invoice history list.

Install

$ Run in your project root
pnpm dlx shadcn@latest add https://vibekit.desishub.com/r/saas-billing.json

What it does

  • Pricing tier cards with popular badge, feature check/x list, and CTA
  • Feature comparison table with category sections, sticky first column with shadow
  • Billing history list with invoice status badges per item and PDF download
  • Empty states for all components when no data is provided

When to use

Use it

SaaS landing pages (pricing section), account billing settings, admin portals.

Skip it

Simple flat-rate single-plan pricing or non-SaaS products.

Related components