IG
Invoice Generator
Create a professional invoice with line items, auto-calculated totals, and a live preview — print or save as PDF for free.
More Math Tools
INVOICE
Bill To
| Description | Qty | Unit Price | Total |
|---|---|---|---|
Total
Notes
How to Use Invoice Generator
Fill in your business and client details, invoice number and date, then add line items with description, quantity, and unit price. Watch the preview update live, then click Print/Save as PDF or download a plain-text summary.
About Invoice Generator
Invoicing is one of those small business tasks that feels like it should be simple but often isn't, mainly because a proper invoice needs to contain several distinct pieces of information laid out clearly enough that a client can quickly verify what they're being charged for and pay promptly. This tool builds a complete invoice directly in your browser, with no account, no software installation, and no data ever leaving your device.
A well-formed invoice typically needs: who is billing (your business name and address), who is being billed (the client's name and address), a unique invoice number for both parties' record-keeping, the date the invoice was issued, an itemized list of what's being charged for (with quantities and unit prices so the client can verify the math), a grand total, and optionally any notes — payment terms, bank details, or a thank-you message. Each of these fields exists for a practical reason: the invoice number lets both you and your client refer to this specific transaction later (in emails, in accounting software, in a tax audit), and itemization lets a client's accounts department cross-check the invoice against a purchase order or contract before approving payment.
The calculation itself is simple but must be exactly right, since errors here directly affect what you get paid: each line item's total is its quantity multiplied by its unit price, and the grand total is the sum of every line item's total. A five-item invoice with quantities of 2, 1, 10, 3, and 1 at various unit prices needs every single line multiplied and then summed correctly — a single typo in a quantity or price field, multiplied across many units, can create a meaningfully wrong total that either shortchanges you or overcharges a client, so having the totals calculate automatically as you type (rather than doing the arithmetic by hand or in a separate calculator) removes a common source of billing errors.
Rather than generating a PDF through a heavy JavaScript library, this tool uses the browser's own built-in "print to PDF" capability: clicking "Print / Save as PDF" opens your browser's native print dialog, where choosing "Save as PDF" as the destination (available in essentially every modern browser) produces a clean PDF of just the invoice preview, with the editing form hidden from the printed output via CSS rules that apply only when printing. This keeps the tool lightweight and dependency-free while still producing a genuinely professional, shareable PDF document — the same technique many production invoicing tools use under the hood. A secondary "Download as Text" button is also provided for a quick plain-text copy of the invoice contents, useful for pasting into an email or a records system that doesn't need a formatted PDF.
A common misconception is that an invoice and a receipt are the same document — they're not. An invoice is a request for payment, issued before (or at the point of) payment being made, while a receipt is proof that payment has already been received. This tool generates invoices, which is why there's no "amount paid" or "payment method" field; if you need to confirm a payment was received, that's a separate document. Another common oversight is forgetting to include a genuinely unique invoice number on every invoice — reusing or skipping numbers makes bookkeeping and tax reporting substantially harder down the line, since invoice numbers are often the primary reference key used to track outstanding and paid invoices in accounting software.
Details & Tips
**Calculations used**
- Line total = Quantity × Unit Price, for each item row
- Grand total = Sum of all line totals
Both figures recalculate automatically as you edit any field, add a new line item, or remove one.
**Worked example 1 — simple invoice**
A freelance designer bills for:
- Logo design: 1 unit at £450 → line total £450
- Business card design: 2 units at £75 → line total £150
- Revision hours: 3 units at £40 → line total £120
Grand total = 450 + 150 + 120 = £720
**Worked example 2 — invoice with mixed quantities**
A consultant bills for:
- Strategy session: 1 unit at £600 → £600
- Follow-up calls: 4 units at £85 → £340
- Report preparation: 1 unit at £250 → £250
Grand total = 600 + 340 + 250 = £1,190
Adding a fourth line item at any point simply extends the same sum — the grand total always reflects exactly the rows currently present, live.
**Edge cases the widget handles**
- Removing a line item is blocked when only one row remains, since an invoice needs at least one item — the "Remove" button disables itself in this state rather than allowing an empty item list.
- Empty description, quantity, or unit price fields are treated as zero or a placeholder dash in the preview and totals, rather than breaking the calculation.
- The printed/PDF output uses a dedicated print stylesheet that hides the editable form entirely and shows only the formatted invoice preview, so the PDF you save never includes input field borders or buttons.
- The "Download as Text" button builds a complete plain-text summary — business details, client details, invoice number and date, every line item, the grand total, and any notes — as a downloadable `.txt` file, generated entirely client-side via a Blob, with no server round-trip.
**Practical tip**
Always use a consistent, genuinely unique invoice numbering scheme (such as a running sequence or a year-prefixed sequence like INV-2026-0001) rather than reusing numbers or leaving the field blank — this is the reference both you and your client will use to track the invoice through payment, and consistent numbering makes year-end bookkeeping and tax filing significantly less error-prone. When saving as a PDF, check the resulting file before sending it to a client to confirm the print stylesheet has correctly hidden the form and that all your line items and totals appear exactly as expected in the final layout.
Frequently Asked Questions
How do I create an invoice with this tool?
Fill in your business details, client details, invoice number and date, then add one or more line items with description, quantity, and unit price. The preview and totals update automatically as you type.
How do I save my invoice as a PDF?
Click "Print / Save as PDF," which opens your browser's native print dialog. Choose "Save as PDF" as the destination to produce a clean PDF containing only the invoice preview, not the editing form.
Does this tool store my invoice data anywhere?
No, everything happens locally in your browser. Nothing is uploaded or saved to a server, so refreshing the page or closing the tab will clear your data unless you have exported it first.
What is the difference between an invoice and a receipt?
An invoice is a request for payment issued before or at the point of a transaction; a receipt is proof that payment has already been received. This tool generates invoices, not receipts.
How is the total calculated?
Each line item's total is quantity multiplied by unit price, and the grand total is the sum of all line item totals, recalculated live as you edit any field.
Can I remove a line item?
Yes, click "Remove" next to any row, except when only one line item remains — an invoice must always have at least one item, so the button disables itself in that case.
What is the "Download as Text" button for?
It generates a plain-text summary of the entire invoice — details, line items, and total — as a downloadable .txt file, useful for pasting into an email or a system that does not need a formatted PDF.
Why is my invoice number important?
A unique invoice number lets you and your client reference this specific transaction in bookkeeping, accounting software, and tax records. Reusing or skipping numbers makes reconciliation significantly harder later.
Can I add notes like payment terms to the invoice?
Yes, use the optional Notes field to add payment terms, bank transfer details, a thank-you message, or any other text you want to appear at the bottom of the invoice.
Does the printed invoice include the input form and buttons?
No, a dedicated print stylesheet hides the entire editing form and shows only the formatted invoice preview when you print or save as PDF.
Can I use this for VAT-registered invoicing?
You can include VAT-related details in your business address, line item descriptions, or notes field manually, but this tool does not automatically calculate VAT — use the VAT Calculator separately for that, then enter the VAT-inclusive figures as line items.
Part of These Collections
Also Available As
invoice generator, invoice maker, free invoice template, online invoice creator, invoice PDF generator, billing tool, invoice template
Explore More Tools
View all tools
PI
Placeholder Image Generator
Image Tools
BS
Box Shadow Generator
CSS
PT
PDF to Word
PDF Tools
YF
YAML Formatter & Validator
Developer Tools
CC
Currency Converter
Generators
JF
JavaScript Formatter & Comment Stripper
Developer Tools
SO
SVG Optimizer
Image Tools
T&
Tint & Shade Generator
Color Tools
Found a Problem?
Let us know if something with Invoice Generator isn't working as expected.
Something went wrong. Please try again.
Thanks — we'll take a look.