💻 Template · Web Developer

Web developer invoice template: milestones, hours and hosting

An invoice built for developers who bill by milestone, by the hour and by the month. The sample covers a site build stage, extra development hours and recurring hosting and maintenance.

  • ✓ Milestone billing
  • ✓ Hourly and recurring lines
  • ✓ Split layout
  • ✓ PDF and print
1Invoice details
2Your business
3Bill to
4Items
5Tax, discount and totals
6Notes, payment and signature
7Design: templates, colours, fonts
Template (15). Each preview below uses your own data.
Colour (15 plus your own)
Rename labels (e.g. “Tax invoice”, “Hours”, “Project”)
✓Does it have what it needs?

    ★Saved in this browser

    Recent documents

    Recurring templates

    Save this document as a repeating template. When it is due, it shows here and one click starts a copy with a new number and dates. Nothing is sent anywhere.

    Everything lives in this browser’s storage. Clearing site data removes it, so use “Save file” for backups.

    Tip: for the cleanest paper output use Print and choose “Save as PDF” (selectable text). Turn off “Headers and footers” in the print dialog.

    Balance due0.00

    Keyboard shortcuts

    Ctrl+Z undo · Ctrl+Shift+Z or Ctrl+Y redo

    Ctrl+P print / save as PDF (prints only the document)

    Ctrl+Shift+D download PDF

    Ctrl+S save a JSON file

    Alt+N add an item · Alt+1/2 edit / preview on phones

    On Mac use Cmd instead of Ctrl. Your work autosaves in this browser as you type.

    Share link

    This link contains the whole document in its address, so there is no server and nothing is uploaded. Anyone with the link can open and print it. Logo and drawn signature are left out to keep the link short.

    How to make a web developer invoice

    1. Pick your country. Use the country selector in the editor to set the currency, date format and tax labels. The sample lines below are only a starting point for web developers.
    2. Enter your business details. Add your name, address, contact details, tax or registration number and a logo if you have one. Save them as a business profile to reuse next time.
    3. Add the customer. Enter the customer’s name and address, and a PO or job reference if they gave you one. Save the customer for repeat jobs.
    4. Edit the line items. Replace the sample web developer lines with your own work. Quantity can be hours, days, units or 1 for a fixed fee. Add a tax rate if you are registered.
    5. Add payment details and terms. Choose the payment terms, add bank or payment-link details and your notes. A due date is calculated from the terms.
    6. Choose a look and export. Pick a template and colour, then download the PDF, print it, or save a PNG. Your work is saved in your browser as you type.

    Invoicing web projects without scope arguments

    Web projects have a habit of growing. A client asks for “one small change”, a third-party plugin needs a licence, and the launch date slips because content has not arrived. Your invoice is the best place to keep all of this orderly. When every line refers to an agreed milestone or a logged block of hours, extra work is easy to see and easy to approve.

    The template uses the Split layout, with a coloured side panel for your details and the client’s. It reads well for technical clients who like structure. The sample shows milestone 2 of 3 on a fixed-price build, a block of additional development hours at an hourly rate, and a monthly hosting and maintenance line.

    What belongs on a developer invoice

    • The milestone and its definition: “Milestone 2 of 3: templates, CMS set-up and responsive layouts”. Reference the quote or contract.
    • Change requests as their own lines, with the date approved and hours spent.
    • Third-party costs at cost, such as premium plugins, fonts, stock media, domain registration or paid APIs.
    • Recurring fees for hosting, maintenance and support, with the billing period named.
    • Ownership note: when source code and assets transfer, for example on final payment.
    • Payment terms and late-payment terms, in line with the contract.

    Common billing models for developers

    ModelInvoice approachTip
    Fixed price in stagesOne line per milestone, e.g. 30/40/30Tie each stage to a deliverable the client can check
    HourlyHours × rate, with a short log in the descriptionReport hours weekly to avoid surprises
    Monthly maintenanceRecurring line with included hoursSay whether unused hours roll over
    Hosting resalePass-through cost plus management feeState renewal dates for domains and certificates
    Bug-fix warrantyNo charge line in a defined periodPut the warranty period in the terms

    If you track time, the timesheet to invoice tool turns your logged hours into line items in one click.

    Example developer invoice

    DescriptionQtyRateAmount
    Website build – milestone 2 of 31$2,400.00$2,400.00
    Additional development (hours)8$95.00$760.00
    Hosting and maintenance – monthly1$45.00$45.00
    Subtotal$3,205.00
    Tax at an illustrative 10%$320.50
    Total$3,525.50

    Figures are examples only. Currency, tax rate and labels change in the editor to suit your country.

    Notice that the hosting line is recurring. Save it as a recurring template so you do not retype it each month.

    Tax notes for developers selling across borders

    Developers often serve clients in other countries. For business clients in the EU, services are generally invoiced without VAT and reverse-charged, with both VAT IDs shown. For UK-based developers invoicing a UK business, VAT is charged if you are registered. For US clients, a non-US developer typically does not charge US sales tax, but a US client may ask for a form to confirm your tax status. In Canada, GST/HST applies to services in Canada and may be zero-rated for exports; in Australia and New Zealand, GST-free treatment can apply to exported services. These rules are detailed, so use the country pages and the official links before you decide.

    Digital products and SaaS sold to consumers can have place-of-supply rules that differ from B2B services. If you sell subscriptions to consumers abroad, check the destination-country rules.

    Mistakes that cost developers money

    • Starting work with no deposit, then discovering the client is slow to approve each stage.
    • Treating “small tweaks” as free, with no limit written in the contract.
    • Paying for licences and plugins personally and forgetting to bill them.
    • Handing over admin access before final payment.
    • Invoicing recurring hosting with no stated renewal date, which leads to disputes when a client leaves.

    Getting paid faster as a developer

    Invoice at each milestone as soon as it is delivered, and hold the next stage until the invoice is settled. Use a deposit to start. Release the final code, deployment keys or admin access when the last payment lands. Put a late-payment clause in your terms; the guide to late fees explains how.

    Glossary

    Change request
    A request for work outside the originally agreed scope.
    Milestone
    A delivery point at which a payment becomes due.
    Pass-through cost
    A third-party cost billed to the client without markup.
    Check official guidance. We could not fully confirm these points against an official page when we last reviewed, so please verify them before relying on them:
    • Registration thresholds (UK £90,000, Canada $30,000, Australia A$75,000, New Zealand NZ$60,000) change; confirm the current figure with your tax authority.
    • Licence, certificate and payment-claim rules for trades differ by state, province and country. Check your regulator before relying on any note here.

    Frequently asked questions

    How should I split payments on a website build?

    A common split is 30–50% upfront and the rest at milestones. Choose a split that covers your costs if the client disappears.

    How do I invoice for hosting and maintenance?

    Use a recurring monthly or yearly line with the period stated. Save it as a recurring template.

    Should I bill for plugin and licence costs?

    Yes, if it is in the contract. Show them as separate lines at cost.

    What do I do about scope creep?

    Define change requests in the contract and invoice them on a separate line with the hours used.

    When do I hand over code?

    Usually on final payment. Put the transfer point in the contract and on the invoice notes.

    Do I charge VAT to clients in other countries?

    Often not for business clients abroad, but it depends on where you and they are based. See the EU generator and the official links.

    Can I use this for hourly invoices?

    Yes. Set quantity to hours and rate to your hourly rate.

    Can I save my recurring maintenance invoice?

    Yes. Recurring templates are stored in your browser.

    Related topics

    • web developer invoice template
    • developer invoice PDF
    • website design invoice
    • freelance developer billing
    • milestone invoice
    • hosting and maintenance invoice
    • software development invoice
    • IT contractor invoice