Back to Library

K

0 TOOLS

Sign In Sign Up Free

HTML to PDF

Paste or write HTML/CSS and export as a styled PDF via browser print dialog. No server required.

Professional

HTML + Inline CSS

<style>body{font-family:Arial,sans-serif;padding:40px;color:#1e293b}h1{color:#4f46e5;border-bottom:3px solid #4f46e5;padding-bottom:10px}.meta{display:flex;justify-content:space-between;margin:20px 0}.info{font-size:14px;color:#64748b}table{width:100%;border-collapse:collapse;margin:20px 0}th{background:#4f46e5;color:white;padding:10px;text-align:left}td{padding:10px;border-bottom:1px solid #e2e8f0}.total{font-weight:bold;font-size:18px;text-align:right;margin-top:20px}.paid{color:#10b981;font-weight:bold;font-size:24px;border:3px solid #10b981;padding:5px 15px;display:inline-block;transform:rotate(-5deg);margin-top:20px}</style>
<h1>📄 Invoice #INV-2024-001</h1>
<div class="meta">
  <div class="info"><strong>From:</strong><br>Your Company<br>123 Main St, City<br>contact@company.com</div>
  <div class="info" style="text-align:right"><strong>To:</strong><br>Client Name<br>456 Client Ave<br>client@email.com</div>
</div>
<p class="info">Date: January 12, 2024 | Due: January 26, 2024</p>
<table>
  <tr><th>Service</th><th>Qty</th><th>Rate</th><th>Amount</th></tr>
  <tr><td>Web Design</td><td>1</td><td>$2,000</td><td>$2,000</td></tr>
  <tr><td>Development</td><td>20h</td><td>$150/h</td><td>$3,000</td></tr>
  <tr><td>Hosting (1yr)</td><td>1</td><td>$200</td><td>$200</td></tr>
</table>
<div class="total">Total: $5,200 USD</div>
<p class="paid">✓ PAID</p>

Live Preview

Ready to export?

Click "Export PDF" → your browser's print dialog opens → choose "Save as PDF" as the destination.