Getting Started
My Invoice Generator lets you create professional invoices entirely in your browser - no account, no downloads, no fees. Your data stays on your device.
Create your first invoice in 4 steps
- Open My Invoice Generator - a blank invoice is ready immediately.
- Fill in your company name and address in the From field, and your client's details in Bill To.
- Add line items - click + Add Item and enter a description, quantity, and rate.
- Click Download PDF to save a polished A4 invoice, or Print to send directly to your printer.
Tip: Your invoice is automatically restored the next time you visit, so you can pick up right where you left off.
Invoice Details
Invoice Type
The large editable field at the top-right defaults to INVOICE. Click it to change it to QUOTE, RECEIPT, CREDIT NOTE, PURCHASE ORDER, or any custom label you need.
Invoice Number
Each invoice should have a unique sequential number. The field starts at 1 and you can type any value. We recommend using a consistent format like INV-001 or 2026-001.
Invoice Date & Due Date
The invoice date defaults to today. Select your Payment Terms (Net 7, Net 15, Net 30, etc.) and the due date is calculated automatically. You can also set a custom due date manually.
PO Number
If your client has provided a Purchase Order reference, enter it in the PO Number field. Leave it blank if not applicable.
Company & Client Info
From (Your Details)
The From field holds your company or personal details. The first line is treated as your company name (shown larger in the PDF). Add your address, phone, email, or website on subsequent lines.
Bill To (Client Details)
Enter your client's full name or company, address, and any other relevant contact information in the Bill To field. Line breaks are preserved in the PDF.
Ship To
The Ship To field appears when you need to specify a separate delivery address. You can toggle it on/off in Settings ? Show Ship To. It is hidden by default.
Tip: All text fields support multiple lines. Press Enter to add a new line within any field.
Line Items
Each line item represents a product or service. The amount is calculated automatically as Quantity � Rate.
Adding items
Click the + Add Item button below the line items table to add a new row. The description field is automatically focused.
Description
The description supports multiple lines. The first line appears as the item title; any additional lines appear as a smaller sub-description in the PDF - useful for notes, SKUs, or service details.
Quantity & Rate
Enter the number of units and the unit price. Both accept decimal values (e.g., 2.5 hours at 80.00 per hour).
Deleting items
Click the � button on the right of any row to remove it. The totals update immediately.
Tip: You can re-order items visually in the future - for now, add them in the order you want them to appear.
Logo & Branding
Uploading a logo
Click the logo area in the top-left of the invoice, or drag and drop an image file directly onto it. PNG, JPG, JPEG, GIF, SVG, and WebP formats are all supported.
Removing a logo
Hover over the logo to reveal the Remove button, or click anywhere on the logo zone area after upload to access the remove option.
Accent color
Open Settings (gear icon) and use the Accent Color picker to change the invoice's primary color - applied to the balance-due row, totals highlight, and other key elements. The PDF uses this color too.
Tip: Use a square or circular logo for best results. Transparent PNG logos work best - they blend seamlessly with both light and dark invoice backgrounds.
Taxes, Discounts & Shipping
Tax
Enter a percentage in the Tax Rate (%) field. The tax is calculated on the subtotal. The tax label defaults to "Tax" and can be renamed to VAT, GST, HST, or anything else in Settings ? Tax Label.
Discount
Click + Discount in the totals section to reveal the discount row. Choose between:
- Percentage (%) - deducted from the subtotal (e.g., 10% off)
- Fixed amount - a flat reduction (e.g., $50 off)
Shipping
Click + Shipping to add a flat shipping charge. This is added after tax and discount.
Amount Paid
If your client has made a partial payment, enter it in the Amount Paid field. The Balance Due is automatically calculated as Total - Amount Paid.
Calculation order: Subtotal ? Tax ? Discount ? + Shipping ? Grand Total ? - Amount Paid ? Balance Due
Saving & Loading
My Invoice Generator saves your work in your browser's localStorage - nothing is sent to a server. Your invoice data stays private on your device.
Manual save
Click the Save button in the action bar, or press Ctrl + S (Windows/Linux) / ? + S (Mac) at any time.
Auto-restore
When you return to My Invoice Generator, your last saved invoice is automatically loaded. If you haven't saved anything yet, a blank invoice is shown.
Invoice History
Each time you save, the invoice is also added to your Invoice History. You can view, load, and delete past invoices from the History page. Up to 50 invoices are stored.
Starting a new invoice
Click New in the action bar to clear the current invoice and start fresh. This does not delete your saved history.
Note: Clearing your browser's site data will erase all saved invoices. Export important invoices as PDFs for a permanent record.
Downloading & Printing
Download PDF
Click the blue Download PDF button. A clean A4-format invoice is generated using your exact data and saved to your downloads folder as invoice-{number}-{date}.pdf. The PDF rendering happens entirely in your browser.
Preview
Click Preview to see a full-screen preview of how the final PDF will look before downloading. The preview toolbar also has Print and Download buttons for convenience.
Click Print to open your browser's print dialog. The invoice is formatted specifically for printing - headers, footers, and UI controls are hidden. Choose Save as PDF in the print dialog as an alternative to the Download PDF button.
Tip: For the best-quality PDF, use the Download PDF button rather than printing to PDF from the browser dialog. It produces a sharper, properly scaled document.
Settings
Click the Settings (gear) button in the action bar to open the invoice settings panel.
Currency
Choose from 20+ currencies including USD, EUR, GBP, JPY, INR, AUD, and more. The currency symbol updates throughout the invoice and in the downloaded PDF.
Date Format
Select how dates appear on the invoice. Options include MM/DD/YYYY, DD/MM/YYYY, YYYY-MM-DD, DD MMM YYYY, and MMM DD, YYYY.
Tax Label
Rename the tax line to match your region's terminology - VAT (UK/EU), GST (Australia/Canada/India), HST (Canada), or any custom label.
Accent Color
Use the color picker to change the invoice's accent color. This affects the header highlights, balance-due row, and the color of the line-item table header in the PDF.
Show Ship To
Toggle the Ship To address field on or off. When disabled, the field is hidden from the invoice and the PDF.
Keyboard Shortcuts
Speed up your workflow with these keyboard shortcuts.
| Action | Windows / Linux | Mac |
|---|---|---|
| Save invoice | Ctrl + S | ? + S |
| Print invoice | Ctrl + P | ? + P |
| Close preview / modal | Esc | Esc |
| New line in text field | Enter | Enter |
| Tab between fields | Tab | Tab |
Troubleshooting
PDF is blank or shows only part of the invoice
This is usually caused by a slow internet connection delaying the font load. Try refreshing the page and waiting a moment before generating the PDF. Make sure you have an active internet connection (fonts are loaded from Google Fonts).
My invoice wasn't saved after I closed the tab
You need to click Save (or press Ctrl/? + S) before closing the tab. My Invoice Generator doesn't auto-save continuously - it only restores your last manually saved invoice.
The logo doesn't appear in the PDF
Logos are embedded in the PDF as base64 data. If your logo file is very large (over 2�3 MB), it may cause issues. Try using a compressed PNG or JPEG version of your logo.
"Could not save - storage full?" toast appears
Browser localStorage has a 5�10 MB limit per origin. Large base64-encoded logos saved across many history entries can fill it up. Delete old history entries from the History page, or use a smaller/compressed logo image.
The print layout looks wrong on mobile
For best print results, use a desktop or laptop browser. Mobile browsers have limited print support. We recommend using the Download PDF button on mobile devices instead.
Dark mode is not applying correctly
My Invoice Generator respects your OS-level dark mode preference on first visit. You can always override it using the moon/sun toggle button in the top-right corner of the navigation bar. Your preference is saved to your browser.