Paste your HTML template — generate professional PDF documents.
HTML and CSS are the most powerful and flexible tools for designing structured documents. Developers and designers worldwide use HTML templates to generate invoices, purchase orders, financial reports, certificates of completion, employment contracts, shipping labels, and legal notices. By writing your template once in HTML, you can produce unlimited professional-quality PDFs simply by populating the data and converting here.
OneClickPDF uses WeasyPrint, which supports a comprehensive set of CSS3 properties including flexbox, grid, custom properties, and the full CSS Paged Media specification. For print-optimized templates, use the @page rule to define page size and margins, use page-break-before: always to force page breaks, and use page-break-inside: avoid to prevent elements like tables from splitting across pages.
The recommended workflow is to build your HTML template with placeholder data in a local editor, preview it in a browser, then paste the final HTML here to generate the PDF. Use base64-encoded images for logos and assets to ensure they always render correctly without external requests. Embed fonts as base64 WOFF2 data URIs for consistent typography across all environments.
Yes. WeasyPrint supports the CSS page-break-before, page-break-after, and page-break-inside properties, as well as the modern break-before, break-after, and break-inside equivalents. Use these to control pagination precisely in your PDF output.
Yes. HTML templates are the most flexible way to generate professional invoices. Design your invoice layout in HTML and CSS, populate the data fields, paste it here, and download a pixel-perfect PDF invoice instantly — no extra software needed.
Yes. WeasyPrint fully supports the CSS @page rule, allowing you to set page size (A4, Letter, Legal, etc.), margins, headers, footers, and page orientation (portrait or landscape) for your PDF output.
External web fonts loaded via Google Fonts or CDN URLs may not load due to network restrictions. For reliable font rendering, embed fonts as base64-encoded WOFF2 data URIs directly in your template's CSS @font-face declaration.
Yes. Base64-encoded images as data URIs (src="data:image/png;base64,...") are fully supported and are the recommended approach for logos and images in templates, as they require no external network access during conversion.