Can I use external stylesheets?

External CSS links may work if accessible, but inline styles are most reliable for PDF export.

03·Utility/html-to-pdf

HTML to PDF

⌘K

How it works

Type, paste, or upload an HTML file.
Preview the rendered output in real time.
Click Export as PDF and save from the print dialog.

Markdown to PDF Markdown Preview JPG to PDF Meta Tag Generator Robots.txt Generator XML Formatter

03·Utility/html-to-pdf

HTML to PDF

⌘K

Upload .html

HTML

<!DOCTYPE html>
<html>
<head>
  <style>
    body { font-family: system-ui, sans-serif; padding: 40px; color: #1e293b; }
    h1 { color: #0f172a; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px; }
    .card { border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; margin: 16px 0; }
    table { border-collapse: collapse; width: 100%; margin: 16px 0; }
    th, td { border: 1px solid #e2e8f0; padding: 8px 12px; text-align: left; }
    th { background: #f8fafc; font-weight: 600; }
    .badge { display: inline-block; background: #dbeafe; color: #1d4ed8; padding: 2px 8px; border-radius: 12px; font-size: 12px; }
  </style>
</head>
<body>
  <h1>Sample Report</h1>
  <p>This is a <strong>sample HTML document</strong> to demonstrate the HTML to PDF converter.</p>

<div class="card">
    <h3>Project Status</h3>
    <p>Current phase: <span class="badge">In Progress</span></p>
  </div>

<table>
    <tr><th>Item</th><th>Status</th><th>Priority</th></tr>
    <tr><td>Design</td><td>Complete</td><td>High</td></tr>
    <tr><td>Development</td><td>In Progress</td><td>High</td></tr>
    <tr><td>Testing</td><td>Pending</td><td>Medium</td></tr>
  </table>

<p><em>Generated with toooolify</em></p>
</body>
</html>

Preview

Your HTML is laid out in a hidden print frame and sent straight to the browser's print dialog. Choose Save as PDF there — no popup window needed.

Yes, inline styles and <style> tags in your HTML are fully preserved in the PDF output.

No. Both the preview and the export render your HTML with scripting disabled, so nothing in a file you paste or upload can execute.

Yes, click Upload .html to load a file from your device.

No. All rendering and export happen entirely in your browser.

How it works

Type, paste, or upload an HTML file.
Preview the rendered output in real time.
Click Export as PDF and save from the print dialog.

Markdown to PDF Markdown Preview JPG to PDF Meta Tag Generator Robots.txt Generator XML Formatter