Demos
If you learn better by seeing code in action, or want to start from an existing project, check out the Dinero.js demos.
Shopping cart with React
A React-powered shopping cart that calculates line totals with multiply, aggregates a subtotal with add, extracts VAT with allocate, and lets you switch between USD and EUR with convert.
Shopping cart with Vue.js
The same shopping cart, built with Vue.js. Uses computed properties to recalculate line totals, tax, and currency conversions reactively as you update quantities or switch currencies.
Pricing page with React
A React-powered SaaS pricing page with per-seat pricing. Uses multiply for seat-based totals, allocate to calculate annual discounts, and hasSubUnits to hide unnecessary decimals.
Expense splitter
This demo showcases Dinero.js in action in a React-powered expense splitter. It demonstrates fair bill splitting with allocate(), balance tracking, and optimal debt settlement.
Invoice builder
An invoice builder with live preview. Uses multiply for line totals, add for subtotals, allocate for discounts and tax, and toDecimal for locale-aware currency formatting across multiple currencies.
