Beautiful invoices, made composable

Ready-to-use invoice components, calculation primitives, templates, and themes for web, PDF, email, print, and structured e-invoicing.

One payload. Every format.

pnpm dlx shadcn@latest add @invoicecn/react/invoice-professional
Format
Scenario
Theme
LSG
Laurier Strategy Group Inc.
1250 Rue Sainte-Catherine O, Suite 720
Montréal, QC H3G 1P7, CA
billing@laurierstrategy.example · +1 514-555-0184
Partially paid
INVOICE
LSG-2026-0142
Issued  Jul 31, 2026
Due  Aug 30, 2026
Bill to
Boreal Logistics Ltée
Attn: Marie-Claude Tremblay
88 Boulevard Charest E
Québec, QC G1K 3G9, CA
comptes@boreallogistics.example
PO numberPO-8841ProjectDistribution workflow redesignTermsNet 30CurrencyCAD
#DescriptionAmount
1
Senior consulting
Workflow design and stakeholder analysis
32 × $175.00
$5,600.00
2
Workflow audit report
Current-state assessment and recommendations
1 × $2,400.00
$2,400.00
3
Stakeholder workshops
Three on-site facilitation sessions
12 × $150.00
$1,800.00
Subtotal$9,800.00
Loyalty discount (5%)−$490.00
GST 5%$465.50
QST 9.975%$928.67
Total$10,704.17
Payment received — Jul 5, 2026−$2,000.00
Balance due$8,704.17
Notes

Merci de votre confiance. / Thank you for your business.

Terms & conditions

Payable by bank transfer or cheque within 30 days.

Bank transfer
BankBanque du FleuveAccount nameLaurier Strategy Group Inc.Transit no.00427Account no.•••• 3318ReferenceLSG-2026-0142
Pay online
Card, bank or wire at pay.laurierstrategy.example/LSG-2026-0142
Laurier Strategy Group Inc. · GST 784512963 RT0001 QST 1234567890 TQ0001billing@laurierstrategy.example · LSG-2026-0142

Build invoices without rebuilding tax tables, payment sections, responsive layouts, pagination, and multi-format rendering for every project.

Responsive

Purpose-built layouts for mobile, desktop, email, and paper.

Own the code

Components are installed into your application and remain customizable.

Schema-first

Validate every invoice against a documented canonical payload.

and more…

One system, every document

The same parties, totals, and payment components compose every accounting document. Tell us which to ship next.

LSG
Laurier Strategy Group Inc.
1250 Rue Sainte-Catherine O, Suite 720
Montréal, QC H3G 1P7, CA
billing@laurierstrategy.example · +1 514-555-0184
Sent
QUOTATION
LSG-Q-2026-0038
Issued  Jul 31, 2026
Valid until  Aug 30, 2026
Bill to
Boreal Logistics Ltée
Attn: Marie-Claude Tremblay
88 Boulevard Charest E
Québec, QC G1K 3G9, CA
comptes@boreallogistics.example
PO numberPO-8841ProjectDistribution workflow redesignTermsNet 30CurrencyCAD
#DescriptionAmount
1
Senior consulting
Workflow design and stakeholder analysis
32 × $175.00
$5,600.00
2
Workflow audit report
Current-state assessment and recommendations
1 × $2,400.00
$2,400.00
3
Stakeholder workshops
Three on-site facilitation sessions
12 × $150.00
$1,800.00
Subtotal$9,800.00
Loyalty discount (5%)−$490.00
GST 5%$465.50
QST 9.975%$928.67
Total$10,704.17
Balance due$10,704.17
Notes

Merci de votre confiance. / Thank you for your business.

Terms & conditions

Payable by bank transfer or cheque within 30 days.

Bank transfer
BankBanque du FleuveAccount nameLaurier Strategy Group Inc.Transit no.00427Account no.•••• 3318ReferenceLSG-Q-2026-0038
Pay online
Card, bank or wire at pay.laurierstrategy.example/LSG-2026-0142
Laurier Strategy Group Inc. · GST 784512963 RT0001 QST 1234567890 TQ0001billing@laurierstrategy.example · LSG-Q-2026-0038
Quotation
LSG
Laurier Strategy Group Inc.
1250 Rue Sainte-Catherine O, Suite 720
Montréal, QC H3G 1P7, CA
billing@laurierstrategy.example · +1 514-555-0184
Partially paid
INVOICE
LSG-2026-0142
Issued  Jul 31, 2026
Due  Aug 30, 2026
Bill to
Boreal Logistics Ltée
Attn: Marie-Claude Tremblay
88 Boulevard Charest E
Québec, QC G1K 3G9, CA
comptes@boreallogistics.example
PO numberPO-8841ProjectDistribution workflow redesignTermsNet 30CurrencyCAD
#DescriptionAmount
1
Senior consulting
Workflow design and stakeholder analysis
32 × $175.00
$5,600.00
2
Workflow audit report
Current-state assessment and recommendations
1 × $2,400.00
$2,400.00
3
Stakeholder workshops
Three on-site facilitation sessions
12 × $150.00
$1,800.00
Subtotal$9,800.00
Loyalty discount (5%)−$490.00
GST 5%$465.50
QST 9.975%$928.67
Total$10,704.17
Payment received — Jul 5, 2026−$2,000.00
Balance due$8,704.17
Notes

Merci de votre confiance. / Thank you for your business.

Terms & conditions

Payable by bank transfer or cheque within 30 days.

Bank transfer
BankBanque du FleuveAccount nameLaurier Strategy Group Inc.Transit no.00427Account no.•••• 3318ReferenceLSG-2026-0142
Pay online
Card, bank or wire at pay.laurierstrategy.example/LSG-2026-0142
Laurier Strategy Group Inc. · GST 784512963 RT0001 QST 1234567890 TQ0001billing@laurierstrategy.example · LSG-2026-0142
Invoiceshipping first
LSG
Laurier Strategy Group Inc.
1250 Rue Sainte-Catherine O, Suite 720
Montréal, QC H3G 1P7, CA
billing@laurierstrategy.example · +1 514-555-0184
Paid
RECEIPT
LSG-R-2026-0142
Issued  Jul 31, 2026
Due  Aug 30, 2026
Bill to
Boreal Logistics Ltée
Attn: Marie-Claude Tremblay
88 Boulevard Charest E
Québec, QC G1K 3G9, CA
comptes@boreallogistics.example
PO numberPO-8841ProjectDistribution workflow redesignTermsNet 30CurrencyCAD
#DescriptionAmount
1
Senior consulting
Workflow design and stakeholder analysis
32 × $175.00
$5,600.00
2
Workflow audit report
Current-state assessment and recommendations
1 × $2,400.00
$2,400.00
3
Stakeholder workshops
Three on-site facilitation sessions
12 × $150.00
$1,800.00
Subtotal$9,800.00
Loyalty discount (5%)−$490.00
GST 5%$465.50
QST 9.975%$928.67
Total$10,704.17
Payment received — Jul 5, 2026−$2,000.00
Payment received — Aug 12, 2026−$8,704.17
Balance due$0.00
Notes

Merci de votre confiance. / Thank you for your business.

Terms & conditions

Payable by bank transfer or cheque within 30 days.

Bank transfer
BankBanque du FleuveAccount nameLaurier Strategy Group Inc.Transit no.00427Account no.•••• 3318ReferenceLSG-R-2026-0142
Pay online
Card, bank or wire at pay.laurierstrategy.example/LSG-2026-0142
Laurier Strategy Group Inc. · GST 784512963 RT0001 QST 1234567890 TQ0001billing@laurierstrategy.example · LSG-R-2026-0142
Receipt
LSG
Laurier Strategy Group Inc.
1250 Rue Sainte-Catherine O, Suite 720
Montréal, QC, H3G 1P7, Canada
billing@laurierstrategy.example · +1 514-555-0184
Balance due
STATEMENT
Account no. BL-1188
Statement for
Boreal Logistics Ltée
Attn: Marie-Claude Tremblay
88 Boulevard Charest E
Québec, QC, G1K 3G9
comptes@boreallogistics.example
StatementST-BOR-2026-07Period05/2026 - 07/2026CurrencyCADCredit limit$20,000.00
Balance by age
Current
CA$8,704.17
1–30 days
CA$0.00
31–60 days
CA$0.00
61–90 days
CA$0.00
90+ days
CA$0.00
DateReferenceActivityChargesCreditsBalance
May 1Balance brought forwardCA$0.00
May 30LSG-2026-0128Discovery engagement invoiceCA$5,175.11CA$5,175.11
Jun 12PAY-20260612Payment received — bank transfer−CA$5,175.11CA$0.00
Jul 5PAY-20260705Deposit received — bank transfer−CA$2,000.00-CA$2,000.00
Jul 31LSG-2026-0142Distribution workflow redesign invoiceCA$10,704.17CA$8,704.17
Opening balanceCA$0.00
Invoiced this periodCA$15,879.28
Closing balanceCA$8,704.17
Balance dueCA$8,704.17
Notes

Invoice LSG-2026-0142 is due Aug 30, 2026. The July deposit has been applied against it — thank you.

Bank transfer
BankBanque du FleuveAccount nameLaurier Strategy Group Inc.Account no.•••• 3318Institution no.Transit no.00427ReferenceST-BOR-2026-07
Settle balance
Card, ACH or wire at pay.laurierstrategy.example/BL-1188
Interac e-Transfer to pay+bl1188@laurierstrategy.example
Laurier Strategy Group Inc. · GST 784512963 RT0001 · QST 1234567890 TQ0001laurierstrategy.example · billing@laurierstrategy.example · ST-BOR-2026-07
Statement

Build the invoice once. Render it everywhere.