jsPDF

Generate and download PDF files entirely in the browser — no server, no backend, no dependencies.

jsPDF

General JS

Generate and download PDF files entirely in the browser — no server, no backend, no dependencies.

npmGitHubDocs

Fit

Bundle (gzip)

127.2 kB

399.9 kB raw

Install size includes transitive dependencies. Bundle size is gzipped browser payload.

Freshness

The Problem

Generating PDFs (invoices, reports, certificates, receipts) typically requires:

  • A server-side process (Puppeteer, wkhtmltopdf, or a PDF rendering service)
  • A paid SaaS API for PDF generation
  • A heavy backend dependency just for one feature

For use cases like downloading an invoice or exporting a report, none of that server infrastructure should be necessary — the browser already has everything it needs.

What It Does

jsPDF is a client-side JavaScript library that generates PDF files directly in the browser. You write text, shapes, images, and tables using a simple drawing API, and the user gets a .pdf download without any server involvement. It supports Unicode text, custom fonts, images (JPEG, PNG), and multi-page documents.

With nearly 2 million weekly npm downloads, it's one of the most battle-tested PDF libraries in the JS ecosystem.

Installation

bash
npm install jspdf

Usage Example

Simple text PDF download

ts
import { jsPDF } from "jspdf";

function downloadSimplePDF() {
  const doc = new jsPDF();

  doc.setFontSize(22);
  doc.text("Invoice #1042", 20, 20);

  doc.setFontSize(12);
  doc.text("Date: April 2, 2026", 20, 35);
  doc.text("To: John Doe", 20, 45);
  doc.text("Amount: $250.00", 20, 55);

  doc.save("invoice-1042.pdf"); // triggers browser download
}

Adding a table (with jspdf-autotable plugin)

bash
npm install jspdf jspdf-autotable
ts
import { jsPDF } from "jspdf";
import autoTable from "jspdf-autotable";

function downloadReport() {
  const doc = new jsPDF();

  doc.text("Monthly Sales Report", 14, 16);

  autoTable(doc, {
    head: [["Product", "Units Sold", "Revenue"]],
    body: [
      ["Widget A", "120", "$1,200"],
      ["Widget B", "85", "$2,125"],
      ["Widget C", "200", "$800"],
    ],
    startY: 25,
  });

  doc.save("sales-report.pdf");
}

Embed an image (e.g. company logo)

ts
import { jsPDF } from "jspdf";

async function downloadWithLogo() {
  const doc = new jsPDF();

  // Load image as base64
  const img = new Image();
  img.src = "/logo.png";
  await new Promise((resolve) => (img.onload = resolve));

  doc.addImage(img, "PNG", 20, 10, 50, 20); // x, y, width, height
  doc.setFontSize(16);
  doc.text("Official Receipt", 20, 45);
  doc.save("receipt.pdf");
}

Related packages

ai (Vercel AI SDK)General JS

Unified TypeScript SDK for building AI-powered apps — switch between 20+ LLM providers without rewriting code.

animejsGeneral JS

Lightweight JavaScript animation library with a tiny footprint and a powerful, expressive API.

AOSGeneral JS

An easy-to-use library that makes elements fade, slide, or zoom into view as the user scrolls down your page.

archiverGeneral JS

Streaming interface for generating ZIP and TAR archives in Node.js — create compressed archives programmatically from files, directories, and buffers.

@formkit/auto-animateGeneral JS

> Add smooth transitions to any element with a single line — zero-config animations for adds, removes, and moves.