Examples

Real documents, rendered in your browser

Each button below runs ngpdf on this page. Nothing is sent to a server: the PDF is laid out and written by your browser, in milliseconds. The sources are on GitHub.

• Invoice

  The home page playground: a header in two columns, a billing box, a table of line items and a total.

  • Row and column flexbox
  • Currency and date pipes
  • Repeating header row
  Open PDF Download View source

• Paginated directory

  A list of 140 people across several A4 pages, with zebra rows, a red header that repeats on every page and "Page n of N" at the bottom.

  • 140 rows, never split
  • Header on every page
  • Page numbers
  Open PDF Download View source

• Landscape licence list

  Sixty licences on landscape A4 with seven columns mixing fixed widths and fr shares, dates and amounts in Brazilian real.

  • Landscape pages
  • Fixed and fr columns
  • Right-aligned amounts
  Open PDF Download View source

• Capture report

  The chart below, drawn onto a canvas and placed in a landscape page with a title and a timestamp, scaled to fit.

  • Image from a Blob
  • object-fit: contain
  • Document metadata
  Open PDF Download View source

Want to build your own? Start with the guide or the tables page.