A finance team's request to automate invoice generation seemed straightforward, but three failed attempts revealed PDF generation's hidden complexity. Initial pdfMake JSON configuration proved unwieldy, while browser window.print() produced inconsistent results across Chrome, Safari, and Firefox. Even Puppeteer faced font and pagination issues, proving HTML-to-PDF conversion is deceptively difficult.

The core problem is fundamental: HTML is built for scrolling, while PDFs require fixed pages with strict pagination. Browsers attempt to bridge this gap but often fail, especially for client-facing documents. Teams frequently rediscover this challenge the hard way, battling fonts, tables, and unpredictable page breaks that break professional layouts.

The breakthrough came with pdfn, an open-source tool that renders invoices as React components. It handles pagination, headers, footers, and smart page breaks automatically. Developers write standard React with Tailwind, avoiding complex JSON configs. The result is readable code and predictable output, fully automating the finance workflow without vendor lock-in.