HTML to PDF Converter

Convert HTML content, webpages, or text to PDF directly in your browser. No server upload required.

100% client-side processing. Your data never leaves your computer.

Input HTML Content

HTML Editor

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Sample Document</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        h1 {
            color: #ea580c;
            border-bottom: 2px solid #f97316;
            padding-bottom: 10px;
        }
        .header {
            text-align: center;
            margin-bottom: 30px;
        }
        .content {
            background-color: #f8fafc;
            padding: 20px;
            border-radius: 8px;
            border-left: 4px solid #ea580c;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        th {
            background-color: #ffedd5;
        }
        .footer {
            margin-top: 40px;
            text-align: center;
            color: #64748b;
            font-size: 0.9rem;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>Sample HTML Document</h1>
        <p>This is a sample HTML document that will be converted to PDF</p>
        <p>Generated on: <span id="currentDate">October 15, 2023</span></p>
    </div>
    
    <div class="content">
        <h2>Introduction</h2>
        <p>This document demonstrates how HTML content can be converted to PDF format. The converter preserves styling, layout, and formatting.</p>
        
        <h2>Key Features</h2>
        <ul>
            <li>Preserves HTML styling and formatting</li>
            <li>Supports tables, lists, and images</li>
            <li>Maintains layout and structure</li>
            <li>Customizable PDF settings</li>
        </ul>
        
        <h2>Sample Data Table</h2>
        <table>
            <thead>
                <tr>
                    <th>Item</th>
                    <th>Description</th>
                    <th>Quantity</th>
                    <th>Price</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Product A</td>
                    <td>High-quality widget</td>
                    <td>5</td>
                    <td>$49.99</td>
                </tr>
                <tr>
                    <td>Product B</td>
                    <td>Premium service package</td>
                    <td>2</td>
                    <td>$129.99</td>
                </tr>
                <tr>
                    <td>Product C</td>
                    <td>Basic subscription</td>
                    <td>12</td>
                    <td>$9.99</td>
                </tr>
            </tbody>
        </table>
        
        <h2>Conclusion</h2>
        <p>HTML to PDF conversion is useful for generating reports, invoices, documentation, and any content that needs to be shared in a portable format.</p>
    </div>
    
    <div class="footer">
        <p>Document ID: HTML-TO-PDF-001 | Page 1 of 1</p>
        <p>Confidential: For internal use only</p>
    </div>
    
    <script>
        document.getElementById('currentDate').textContent = new Date().toLocaleDateString('en-US', {
            year: 'numeric',
            month: 'long',
            day: 'numeric'
        });
    </script>
</body>
</html>

Quick Templates

Website URL

Note: Due to browser security restrictions, some websites may not be accessible for conversion.

URL Conversion Options

Capture full page (scroll to capture entire page)

Wait for page to fully load (recommended)

Plain Text Content

Text Formatting Options

Font Family

Font Size

Live Preview

HTML Preview

Your HTML content will be rendered here for preview

Click "Preview" button to see how your content looks

PDF Settings

Page Size

Orientation

Margin Top (mm)

Margin Bottom (mm)

PDF File Name

Page Numbering

Appearance

Include background colors and images

Preserve hyperlinks in PDF

High quality rendering (slower but better)

Converting to PDF...

This may take a moment for complex content

PDF Preview

Your converted PDF will be displayed here

After conversion, you can preview the PDF before downloading

Preview Tips

The PDF preview shows how your document will look when downloaded. Use the zoom controls in the preview to examine details.

Note: Some advanced CSS features may render differently in PDF format.

How to Convert HTML to PDF

Step 1: Input Content

Enter HTML code, paste a website URL, or write plain text in the editor. Use templates for common document types.

Step 2: Preview Content

Check the live preview to ensure your content looks correct. Make adjustments to HTML or text as needed.

Step 3: Configure PDF

Set PDF options like page size, orientation, margins, and file name according to your needs.

Step 4: Convert & Download

Click "Convert to PDF" to generate the document, then download your PDF file with all formatting preserved.