HTML to PDF Converter

Convert HTML code to a PDF document instantly in your browser. No uploads, no servers — 100% private.

Runs 100% in your browser — your data never leaves this device

Page Size

Orientation

Margin — 10mm

HTML Editor

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      color: #1a1a1a;
      margin: 0;
      padding: 0;
    }
    h1 { color: #2563eb; border-bottom: 2px solid #2563eb; padding-bottom: 8px; }
    h2 { color: #374151; margin-top: 24px; }
    p  { line-height: 1.7; color: #4b5563; }
    table { width: 100%; border-collapse: collapse; margin-top: 16px; }
    th { background: #2563eb; color: #fff; padding: 10px 14px; text-align: left; }
    td { padding: 9px 14px; border-bottom: 1px solid #e5e7eb; }
    tr:nth-child(even) td { background: #f9fafb; }
    .badge {
      display: inline-block;
      background: #dbeafe;
      color: #1d4ed8;
      border-radius: 4px;
      padding: 2px 10px;
      font-size: 13px;
      font-weight: 600;
    }
  </style>
</head>
<body>
  <h1>Sample Report</h1>
  <p>This is a <strong>sample HTML document</strong> rendered as a PDF.
  Edit the code on the left to see the preview update in real time.</p>

<h2>Summary <span class="badge">Q1 2025</span></h2>
  <p>Replace this content with your own HTML — invoices, reports, letters, or anything else.</p>

<table>
    <thead>
      <tr><th>Item</th><th>Quantity</th><th>Price</th></tr>
    </thead>
    <tbody>
      <tr><td>Widget A</td><td>12</td><td>$24.00</td></tr>
      <tr><td>Widget B</td><td>5</td><td>$60.00</td></tr>
      <tr><td>Service Fee</td><td>1</td><td>$15.00</td></tr>
    </tbody>
  </table>
</body>
</html>

Live Preview(approximate — actual PDF may differ slightly)

Tip: Inline styles and <style> blocks are fully supported. External fonts or cross-origin images may not render in the PDF.

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is HTML to PDF Converter?

The HTML to PDF Converter lets you paste any HTML (with optional inline CSS) and instantly download it as a properly formatted PDF. Everything runs in your browser — your content is never sent to a server.

How to Use HTML to PDF Converter

1. Paste or type your HTML into the editor 2. (Optional) Choose page size and orientation 3. Check the live preview to see how it will look 4. Click "Convert to PDF" and the file downloads automatically

Common Use Cases

Generating invoices or receipts from HTML templates
Saving styled reports or dashboards as PDF
Converting HTML email templates to printable documents
Creating shareable documents from web content
Archiving web pages locally

Frequently Asked Questions

Does this tool send my HTML to a server?

No. All processing happens entirely in your browser using html2canvas and jsPDF. Your content never leaves your device.

What CSS is supported?

Inline styles and styles in <style> tags are supported. External stylesheets linked via <link> tags may not load due to browser security restrictions.

Can I use images in my HTML?

Yes. Images with data URIs or hosted on CORS-enabled servers will render correctly. Cross-origin images without CORS headers may not appear.

What page sizes are available?

A4 and US Letter (8.5×11 in) are supported in both portrait and landscape orientation.

Related Tools

PDF to Image Converter

Convert PDF pages into high-quality images (JPG/PNG).

Image to PDF Converter

Convert multiple images (JPG, PNG) into a single PDF document.

Merge PDF

Combine multiple PDF files into one document.

Split PDF

Split a PDF file into multiple documents or extract specific pages.

Scanned PDF Converter

Make digital PDFs look like scanned documents.