Invoice Generator

How to Use the Invoice Generator

1. Fill in the "From" block with your business name, address, and contact email. For sole proprietors this is your legal name; for LLCs it is the registered company name.
2. Enter the client\'s "To" block. Match the name exactly to whatever is on their purchase order or vendor record, otherwise their accounts-payable system may kick the invoice back.
3. Set the invoice metadata: a unique invoice number (sequential is easiest), an issue date, and a due date consistent with your payment terms (Net 15, Net 30, and so on).
4. Add line items one by one. Each row takes a description, quantity, and rate - the amount column auto-calculates (quantity times rate) and folds into the subtotal.
5. Enter a tax percentage if applicable. The tool computes tax on the subtotal and shows subtotal, tax, and grand total stacked on the right.
6. Add notes for payment terms, bank details, or a thank-you line, then click Preview to see the formatted result. Use your browser\'s Print dialog to save as PDF or print to paper.

What This Tool Does and How It Works

The generator is a controlled-form Preact component that holds every invoice field in component state. When you type into an input, the state updates and any dependent computed values (line-item amount, subtotal, tax, total) recalculate on the same render pass. Totals are computed with Array.reduce over the line-item array and rounded to two decimal places with toFixed(2). The Preview mode swaps the edit form for a read-only formatted layout styled with a print stylesheet that uses the @media print CSS rule to hide navigation chrome, set A4/letter margins, and switch the background to white.

When you click Print, the tool opens a new window with just the preview HTML, which prevents the site\'s navigation and footer from appearing on the printed page. Saving as PDF goes through the browser\'s standard print dialog - in Chrome and Edge that means "Save as PDF" as the destination; in Safari it is "Export as PDF" in the print sheet. No PDF library is bundled into the page because browser print-to-PDF already produces a selectable, searchable, vector-quality document that is indistinguishable from what a server-side renderer like wkhtmltopdf would produce.

When You Would Use the Invoice Generator

• Sending a one-off invoice as a freelancer or consultant when setting up full QuickBooks or Xero feels like overkill for a single engagement.
• Invoicing an international client where you want a clean printable PDF to attach to an email, rather than a portal-hosted invoice URL.
• Reproducing a missing invoice from an older job, where you need a document for the records but no longer want to back-edit your main accounting system.
• Generating a proforma invoice before the work is done - useful for visa applications, wire-transfer pre-approvals, or procurement pre-clearance.
• Teaching or training someone on invoicing basics where the structure matters more than the persistence of any specific record.
• Issuing a credit note or adjustment invoice with a negative line item, where your main accounting platform requires convoluted workflows to handle it.

Common Pitfalls and Edge Cases

The biggest practical issue: nothing is saved. Close the tab and the invoice is gone - no draft, no recent-invoices list, no auto-recovery. Print to PDF before leaving. A second pitfall is tax handling: the tool applies a single flat percentage to the subtotal, correct for most sales-tax contexts but wrong for EU VAT where line items may carry different rates, or for mixed jurisdictions with partial exemptions. Invoice numbering must be sequential within your own records for auditability - do not skip or reuse numbers, and if you void an invoice, keep the number and mark it voided. Currency rounding at display time can produce sub-cent discrepancies on large line counts - acceptable for ad-hoc invoices, not for regulated accounting. Finally, the generator has no concept of payment status - the PDF does not say "paid" even after the money arrives.

Invoices in Practice

An invoice is a legally-adjacent document requesting payment for goods or services delivered or to be delivered. In most jurisdictions it must include issuer, recipient, date, unique identifier, description, quantity and price, total due, and applicable tax. The EU VAT Directive (Council Directive 2006/112/EC) lays out mandatory fields for B2B invoices in Europe; US state sales-tax rules vary; UK HMRC VAT guidance covers British rules. Standard electronic formats include UBL (Universal Business Language, an OASIS standard), EDIFACT, and ISO 20022. This tool produces a human-readable printable invoice suitable for most small-business use, not a machine-readable EDI document - for large-enterprise XML-schema or portal submissions, use a real accounting platform or a tax-compliance vendor like Avalara.

Comparison to Alternatives

QuickBooks, Xero, FreshBooks, and Wave are the established options for small businesses needing persistent client records, recurring invoices, payment tracking, and accountant-friendly reports. Stripe Invoicing and PayPal Invoicing bolt payment collection onto the invoice, a big win for card clients. Free alternatives like Invoice Ninja offer richer templates without full accounting subscriptions. Against these, this tool wins on zero-friction one-off use: no login, no trial, no data collected - a printable invoice in under two minutes. It loses whenever you have more than a handful of invoices per year or are subject to jurisdiction-specific compliance requiring certified e-invoicing.