HTML to PDF Converter

100% secure, free, and runs in your browser.

100% Browser-Based • Local Processing

PDF Settings

HTML Input
CSS Input (Optional)
Live Preview Ready (Live HTML)
🧩 RELATED TOOLS
Markdown to PDF PDF to HTML TXT to PDF JSON to PDF Merge PDF Compress PDF Add Header & Footer Excel to PDF

Privacy Focused

🔒 Local Processing. Your data never leaves your device.

Instant Results

🌐 Fully Client-Side. Runs instantly in your browser.

No Signup

⚡ No accounts. No hassle. Just open and use.

Browser Based

🚀 Works right in your browser. No installs, no downloads.

Overview

Turn HTML and CSS into a clean PDF, with a live preview

HTML to PDF converts HTML and CSS into a PDF in your browser. Paste or upload your code, see it in a live preview, set the page size and margins, then generate and download. CSS styling is applied, and everything runs locally — your code is never uploaded to a server.

Bring your code in however suits you — paste HTML straight into the editor, or upload an .html file. Styling works the same way: add CSS in the CSS pane or upload a .css file, and it's applied to the preview and the output. If you're starting from scratch, Insert Template drops in a clean starting point you can edit.

The PDF settings give you control over the page: choose A4, Letter, or Legal, set the orientation, and dial in a margin in millimetres. For multi-page documents, Simulate Page Breaks overlays guides so you can see where pages will split — and you can steer those breaks from your CSS using page-break-before, page-break-after, and page-break-inside: avoid to keep a table or heading from being cut.

Because it all runs in your browser, your markup and content are never uploaded — useful for internal templates or anything with real data in it. When the preview looks right, click Generate PDF and then Download.

One honest note for developers: CSS layout and styling render faithfully, but dynamic JavaScript and assets that load from remote servers may not behave exactly as in a live browser — inline your styles and embed images for the most reliable output. To combine the result with other files, use Merge PDF.

Use Cases

When HTML to PDF helps

Guide

How to convert HTML to PDF

Step 1: Add your HTML

Paste it into the HTML Input editor, or click Upload HTML to load an .html file. Click Insert Template if you want a starting point.

Step 2: Add CSS (optional)

Paste styles into the CSS Input pane or Upload CSS. The live preview updates so you can check the look.

Step 3: Set the PDF options

Choose a Paper Size (A4, Letter, or Legal), an Orientation, and a Margin in mm. Turn Simulate Page Breaks to Overlay On to see where pages will split.

Step 4: Generate and download

Click Generate PDF, then Download PDF. Use Reset to clear the editor and start again.

Realistic example. You have an invoice template in HTML with a CSS stylesheet. Paste the HTML, upload the CSS, set A4 + Portrait + a 10 mm margin, add page-break-after: always; to the end of each invoice section, and generate — each invoice starts on its own page.

Advanced tip. To stop a table or heading from breaking across pages, add page-break-inside: avoid; to it in your CSS; the Simulate Page Breaks overlay helps you confirm the result.

Common mistake to avoid. Relying on JavaScript or remote assets — inline critical CSS and embed images so the PDF matches the preview.

Recommendation. Combine multiple generated PDFs with Merge PDF; shrink a heavy one with Compress PDF.

Support

Frequently Asked Questions

How do I convert HTML to PDF?

Paste your HTML into the editor or upload an .html file, add any CSS, then click Generate PDF and Download. The live preview shows the result as you edit, so you can adjust before exporting. Everything runs in your browser — no server, no signup.

Does it support CSS and external stylesheets?

Yes. You can write CSS in the CSS pane or upload a .css file, and it's applied to both the preview and the PDF. For the most reliable output, keep styles inline or in the CSS pane rather than linking to remote stylesheets, since external resources may not always load during conversion.

How do I control where pages break?

Use CSS page-break properties in your styles: page-break-before: always; starts an element on a new page, page-break-after: always; forces a break after it, and page-break-inside: avoid; keeps an element from being split. Turn Simulate Page Breaks to Overlay On to see exactly where the pages will divide.

Can I paste code, or do I have to upload a file?

Either works. Paste HTML and CSS straight into the editors for a quick conversion, or use Upload HTML and Upload CSS to load existing files. Many people paste a snippet, tweak it in the live preview, and generate — no file needed.

What does "Insert Template" do?

It drops a clean, ready-made HTML starting point into the editor so you don't have to begin with a blank page. It's useful for testing the tool or as a base you can edit into your own document before generating the PDF.

Why doesn't my JavaScript or remote content appear in the PDF?

The converter renders your HTML and CSS, but dynamic JavaScript and assets loaded from other servers may not run or appear exactly as in a live browser. For dependable results, inline your CSS, embed images directly, and avoid relying on scripts to build the page at conversion time.

What paper sizes, orientation, and margins can I set?

Paper Size offers A4, Letter, or Legal; orientation can be Portrait or Landscape; and the margin is set in millimetres. Match these to your content — Landscape suits wide tables or dashboards, while Portrait works for most documents.

Are my files uploaded — is it safe?

No. The conversion happens entirely in your browser, so your HTML, CSS, and content never leave your device. That matters for internal templates or markup containing real data. Closing the tab clears everything from memory.

Can I convert HTML to PDF on my phone's browser?

Yes. The tool works in any modern browser on iPhone or Android. You can paste code and generate a PDF, though editing markup is naturally more comfortable on a laptop with a full keyboard and a wider preview.

Is it free, with no watermark or signup?

Yes. Converting is free, the PDF has no watermark, and there's no account to create. Paste or upload your code, set the page options, and download a clean PDF — no paywall and no API key.

How is this different from my browser's Print to PDF?

Print to PDF prints whatever a page currently renders. This tool lets you paste or upload standalone HTML and CSS, preview it in isolation, control page breaks and margins, and start from a template — useful when you're building a document from code rather than printing an existing page.

The links in my PDF don't work — what should I check?

Make sure your HTML uses full, absolute URLs (starting with https://) for any links you want clickable, rather than relative paths. Relative links have no base to resolve against once the content is a standalone PDF, so spell out the full address in your markup.

Still have questions?

If you can't find the answer you're looking for, feel free to contact our support team.

Contact Us