React billing and commerce blocks
Cart and order summaries, invoices, plan comparison, payment methods and product cards for React apps.
Order summary
A total that shows its arithmetic, with tax on the discounted subtotal.
Product tiles
Three stock states, because collapsing 'low' loses the only one people act on.
Plan comparison
Pricing tiers with one recommended, without breaking the row's alignment.
Payment methods
Saved cards, with an expiring one called out in words rather than colour.
Fulfilment steps as an ordered list
Real list semantics and a connector that mirrors under RTL.
Invoice totals that add up
Derived from the line items, in integer cents rather than floats.
Cart with quantity steppers
Totals in integer cents, and minus floors at one, not zero.
Pricing with a period switch
Annual prices derived, so the saving badge cannot lie.