Pricing Table
The marketing pricing surface: a row of tier cards with a highlighted popular plan, an optional monthly/annual billing toggle that swaps per-period prices, and a features-by-plans comparison-table variant with tick / dash cells.
bunx shadcn@latest add @nx-ui/pricing-tableTier cards with billing toggle
Three plans with a highlighted popular tier (brand ring + badge). Because the Trade tier carries an annual price, the monthly/annual toggle appears and swaps every per-period price.
Salvager
List reclaimed stock and reach local buyers, at no cost.
Start listing- Up to 25 active listings
- Marketplace search presence
- Standard collection scheduling
- Carbon-saved certificates
- Priority placement
Trade
Most popularFor merchants and contractors moving materials at volume.
Start free trial- Unlimited active listings
- Priority marketplace placement
- Bulk upload & manifest import
- Carbon-saved certificates
- Dedicated account manager
Enterprise
For principal contractors and demolition frameworks.
Talk to sales- Everything in Trade
- Multi-site organisation accounts
- API & procurement integrations
- Compliance & audit reporting
- Dedicated account manager
Comparison table
The same plans as a features-by-plans grid, grouped into sections, with tick / dash cells and per-tier values. The popular column stays tinted the whole way down.
| Feature | |||
|---|---|---|---|
| Listing & discovery | |||
| Active listings | 25 | Unlimited | Unlimited |
| Marketplace search presence | |||
| Priority placement | |||
| Bulk upload & manifest import | |||
| Logistics | |||
| Collection scheduling | |||
| Travel-time routing tools | |||
| Multi-site accounts | |||
| Reporting & support | |||
| Carbon-saved certificates | |||
| Compliance & audit reporting | |||
| Support | Community | Priority | Dedicated |
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
tiers* | PricingTier[] | — | — |
variant | "cards" | "comparison" | "cards" | — |
featureGroups | ComparisonGroup[] | — | Feature matrix for the `comparison` variant (values indexed by tier order). |
billing | Billing | — | Controlled billing period. |
defaultBilling | Billing | "monthly" | — |
onBillingChange | (billing: Billing) => void | — | — |
annualNote | string | — | Caption beside the annual toggle option, e.g. "Save 20%". |
currency | string | "£" | — |
className | string | — | — |