Create a Delivery Note Online Free
๐ Fill In Your Delivery Note Details
Enter your info below โ the preview on the right updates live as you type. Nothing leaves your device.
๐ข Ship From (Your Company)
๐ Delivery Details
๐ Ship To
๐งฎ Items
๐ผ๏ธ Live Preview
Your Company Name
Ship To
Recipient Name
Shipping Info
โ
| SKU | Description | Ordered | Shipped | Backordered |
|---|
Received By (Signature)
Date Received
Quick answer: Fill in your shipper details and the recipient's delivery address, add each item with the quantity ordered and shipped (noting any backorder), then click Download PDF. Everything happens locally in your browser using jsPDF and jsPDF-AutoTable to draw real vector text - not a screenshot image. Unlike an invoice, no pricing appears anywhere on the document - it's purely a record of what physically shipped, with a signature line for proof of delivery. The live preview updates instantly, and nothing is ever sent to a server.
- Cost: Free, unlimited delivery notes, no signup.
- Where it runs: 100% in your browser โ no upload, no server storage.
- Output: A real text-based PDF (selectable, searchable, small file size).
- Customization: Logo, accent color, package count, weight, carrier, notes, signature block.
- Quantity tracking: Separate Ordered, Shipped, and Backordered columns per item.
- No pricing shown: A true packing slip, not an invoice โ see alert box below.
๐ต No Pricing on Purpose: This document intentionally leaves out prices and totals, matching how a real delivery note or packing slip works. Use the separate Invoice Generator to bill the customer.
๐ General-Purpose Layout: This produces a clean, general-purpose delivery note - it doesn't know your country's specific customs or trade documentation requirements. Add any required reference numbers into the notes field and check your local regulations for international shipments.
๐จ๏ธ Real Text, Not a Screenshot: The PDF is built from actual vector text using jsPDF, so it stays sharp at any zoom, the text is selectable/searchable, and the file stays small.
โ Privacy: Your delivery data, including any logo you upload, is processed locally โ it is never uploaded, transmitted, or stored anywhere.
โ 100% Private: Your delivery note, including your logo, is generated locally in your browser using JavaScript. No data is ever uploaded to a server or stored anywhere.
Note: Your delivery note data will be cleared once your session ends or you clear the app.
How to Create a Delivery Note or Packing Slip PDF
Fill in Ship From Details
Enter your company info, delivery note number, and date. Add a logo if you have one.
Add Ship To Details
Enter the recipient's name and delivery address.
Add Line Items
Add each item with the quantity ordered, shipped, and any backordered amount.
Download the PDF
Click Download PDF to save a crisp, print-ready delivery note.
๐ Your Delivery Data Never Leaves Your Device
This tool builds the entire delivery note โ including your logo โ using jsPDF and jsPDF-AutoTable running entirely inside your browser tab. There is no upload step, no server-side processing, and no network request that contains your shipment data.
Common Uses for a Delivery Note Generator
E-commerce Fulfillment
Include a packing slip inside every parcel so customers can check contents against what was ordered.
Wholesale & B2B Shipments
Document exactly what shipped to a business customer, separate from the invoice sent for payment.
Partial & Split Shipments
Clearly show ordered vs shipped quantities when an order is split across multiple deliveries.
Local Delivery & Courier Runs
Give drivers a signable proof-of-delivery document for each drop-off.
Warehouse-to-Warehouse Transfers
Track internal stock movements between locations without involving billing at all.
International Trade Shipments
Pair with your Purchase Order and shipping paperwork for cross-border goods movement.
Why Use This Delivery Note Generator?
- Fully Client-Side: jsPDF and jsPDF-AutoTable both run in your browser โ no upload.
- Real Vector Text: Sharp, selectable, searchable PDF output โ not a flattened screenshot.
- Live Preview: See exactly how your delivery note looks as you fill in each field.
- Ordered vs Shipped Tracking: Show partial shipments and backorders clearly.
- Separate Ship To Address: Deliver to a different location than the customer's main address.
- No Pricing Shown: A true packing slip, distinct from your invoice.
- Signature Line Built In: Get proof of delivery on the same document.
- 100% Free & Private: No account, no watermark, no server storing your data.
Delivery Note Generator โ Complete Guide
Every shipment benefits from a clear record of exactly what's inside the box. A delivery note - also called a packing slip - travels with the goods and tells the recipient (and anyone checking the shipment along the way) precisely what was sent, separate from any pricing or payment information. It's one of the simplest documents to skip, and one of the most useful once a shipment goes missing an item or arrives split across multiple boxes.
What Makes a Good Delivery Note?
A useful delivery note identifies who shipped the goods and to whom, what's inside the shipment, how many packages there are, and provides a way to confirm receipt. This tool covers all of that: a Ship From and Ship To address, a line-item table with separate ordered, shipped, and backordered quantities, optional package count and weight, and a signature line for proof of delivery - all without showing any prices.
How This Generator Actually Works
As you fill in the form, every field is read directly into a JavaScript object representing your delivery note, and a live HTML preview re-renders instantly so you can see the final layout before downloading anything. When you click Download PDF, that same data is handed to jsPDF, which draws your company header, ship-to details, and package information as genuine vector text - not a picture of text - directly onto a PDF page. The line items table is built with jsPDF-AutoTable, which handles column widths, borders, and automatic pagination if your item list runs long. The finished document is then handed back to your browser as a file to save - at no point does any of this data leave your device or touch a server.
Delivery Note vs Invoice vs Purchase Order
| Aspect | Delivery Note (this tool) | Invoice | Purchase Order |
|---|---|---|---|
| Shows pricing? | No | Yes | Yes |
| Purpose | Confirms what physically shipped | Requests payment | Authorizes a purchase |
| Travels with | The physical shipment | Sent separately to the buyer | Sent to the vendor before shipping |
Handling Partial Shipments
| Scenario | How to Show It |
|---|---|
| Full shipment | Ordered and Shipped quantities match; Backordered is 0 |
| Partial shipment | Shipped is less than Ordered; the difference goes in Backordered |
| Split across boxes | Note the package count and reference the same order number on each delivery note |
Security and Privacy Considerations
- No Data Upload: Every field you fill in, and any logo you upload, stays on your device.
- No Server Processing: PDF generation runs entirely as client-side JavaScript.
- No Storage: Nothing about your delivery note is saved once you close or refresh the tab.
- No Account Needed: There is no login, tracking of your delivery content, or usage cap.
Browser Compatibility and Technical Requirements
This Delivery Note Generator works in modern browsers that support:
- File API / FileReader: To read an uploaded logo image locally.
- JavaScript PDF generation (jsPDF): For building the actual downloadable document.
- Blob downloads: For saving the finished PDF to your device.
Supported Browsers:
- โ Chrome/Edge 76+
- โ Firefox 55+
- โ Safari 13.1+
- โ Mobile Chrome (Android), Mobile Safari (iOS) โ download supported
Troubleshooting Common Issues
Explanation: The PDF needs at least one item with a description or quantity filled in to be worth generating. Solution: Fill in at least one line item's description and quantities, then try downloading again.
Explanation: Only PNG and JPG logo files are supported; other image formats or corrupted files may fail to embed. Solution: Re-save your logo as a PNG or JPG and upload it again.
Explanation: This tool deliberately leaves pricing off to match how a real delivery note works. Solution: Use the separate Invoice Generator for a document that includes pricing and totals.
Explanation: This shouldn't normally happen โ the tool automatically adds new pages when content doesn't fit. Solution: If you notice an issue, try shortening very long item descriptions, which take up more table width.
Frequently Asked Technical Questions
Question 1: What actually builds the PDF - is it a known library?
Answer: This tool uses jsPDF, a widely used open-source JavaScript library for generating PDF documents in the browser, together with its jsPDF-AutoTable plugin for the line items table - both loaded directly in your browser.
Question 2: Why leave pricing off entirely rather than just hiding a column?
Answer: A real delivery note or packing slip is a shipment record, not a billing document - by never calculating or storing pricing anywhere in the tool, there's no risk of it accidentally appearing on a document meant to travel inside a box.
Question 3: How is pagination handled for long delivery notes?
Answer: jsPDF-AutoTable automatically starts a new page when the line items table runs out of room on the current page, and this tool separately checks whether the notes or signature section would overflow the page height, adding a new page for them if needed.
Question 4: How is my logo embedded in the PDF?
Answer: The uploaded image is read as a Base64 data URL using the FileReader API, then passed directly to jsPDF's image-embedding function, which places it at a fixed position and size in the top-left of the document alongside your company name.
Question 5: Does this tool need an account, server, or API key?
Answer: No. jsPDF, jsPDF-AutoTable, and the live preview all run as ordinary JavaScript already loaded by this page โ you never need an account or any API key to use it.
Glossary of Terms
- Delivery Note
- A document that accompanies a shipment listing exactly what physical items are included, without showing prices.
- Packing Slip
- Another common name for a delivery note, especially in retail and e-commerce contexts.
- Backorder
- A quantity of an ordered item that could not be included in the current shipment and will be sent later.
- Ship To
- The delivery address for a shipment, which may differ from the customer's main billing address.
- Proof of Delivery
- Confirmation, often a signature and date, that a recipient has received a shipment.
Frequently Asked Questions
Yes, completely free with no watermark, no signup, and no limit on how many delivery notes you create.
No. The entire delivery note, including your logo if you add one, is built and turned into a PDF entirely inside your browser using JavaScript. Nothing is transmitted over the network.
A delivery note (or packing slip) confirms what physical items were shipped in a package, without showing prices. An invoice is a request for payment that includes pricing and totals. Many sellers include a delivery note inside the box and send the invoice separately.
Yes. Each line item has separate Ordered, Shipped, and Backordered quantity fields, so you can clearly show when only part of an order is included in a given shipment.
No. This tool intentionally leaves pricing off the document, matching how a real packing slip works - it documents what was shipped, not what it costs.
Yes. Ship From and Ship To are entered as separate address blocks, so you can send a shipment to a warehouse or a different delivery address than the customer's main address.
Yes. The document includes a Received By signature and date line at the bottom for proof-of-delivery confirmation.
Final Thoughts
A clear delivery note protects both you and your customer when a shipment needs to be checked against what was ordered. This tool builds a clean packing slip with a live preview and a real vector-text PDF using jsPDF and jsPDF-AutoTable โ all without your shipment data ever leaving your device.
Fill in your details above and download your first delivery note!