HTML to PDF

Convert HTML & CSS code into a professional PDF document

Page Size

HTML Editor

<!DOCTYPE html>
<html><head><style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; padding: 48px; color: #1a1a2e; }
.header { text-align: center; margin-bottom: 40px; padding-bottom: 24px; border-bottom: 3px solid #e94560; }
.header h1 { font-size: 32px; color: #0f3460; margin-bottom: 8px; }
.header p { font-size: 14px; color: #666; }
.content { line-height: 1.8; font-size: 15px; }
.content h2 { color: #0f3460; font-size: 22px; margin: 24px 0 12px; }
.content p { margin-bottom: 16px; color: #333; }
.stats { display: flex; gap: 16px; margin: 24px 0; }
.stat-card { flex: 1; background: #f8f9fa; border-radius: 12px; padding: 20px; text-align: center; border: 1px solid #eee; }
.stat-card .number { font-size: 28px; font-weight: 700; color: #e94560; }
.stat-card .label { font-size: 12px; color: #888; margin-top: 4px; }
.footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid #eee; text-align: center; font-size: 12px; color: #aaa; }
</style></head><body>
<div class="header"><h1>SelfPDF Report</h1><p>Generated with HTML to PDF</p></div>
<div class="content">
<h2>Overview</h2>
<p>This is a sample document created using the HTML to PDF converter. Edit the HTML and CSS to create your own professional PDFs.</p>
<div class="stats">
<div class="stat-card"><div class="number">100%</div><div class="label">Client-Side</div></div>
<div class="stat-card"><div class="number">Free</div><div class="label">No Cost</div></div>
<div class="stat-card"><div class="number">Private</div><div class="label">Secure</div></div>
</div>
<h2>How It Works</h2>
<p>Edit the HTML and CSS in the editor. The preview updates live. Click "Convert to PDF" to generate your document.</p>
</div>
<div class="footer">Created with SelfPDF</div>
</body></html>

Live Preview

HTML to PDF features:

• Write custom HTML & CSS to design your PDF
• Live preview updates as you type
• Multiple page size options (A4, Letter, Legal, A3)
• High-quality 2x DPI rendering