@pdf-sign/react

React 18+ PDF e-signature components.

Install

pnpm add @pdf-sign/react @pdf-sign/tailwind-plugin pdfjs-dist pdf-lib

Setup

// Import base CSS once (entry point or layout)
import '@pdf-sign/react/base.css'

Prepare mode

import { PdfSigner } from '@pdf-sign/react'

<PdfSigner
  pdf={myFile}
  mode="prepare"
  onTemplateReady={(t) => saveTemplate(t)}
  onError={console.error}
/>

Sign mode

<PdfSigner
  pdf={myFile}
  mode="sign"
  template={savedTemplate}
  signerId="alice"
  onSigningComplete={(result) => handleComplete(result)}
/>

Theming

<PdfSigner theme={{ primary: '#dc2626', primaryFg: '#fff' }} />

Headless

import { usePdfSign } from '@pdf-sign/react'

const { state, fields, addField, buildTemplate } = usePdfSign({
  mode: 'prepare',
  pdf: myFile,
})