@npdevind/react-pdf-studio

A professional React library for generating high-quality PDFs directly from JSX/TSX components, with live preview and digital signature support.

Designed for invoices, certificates, contracts, government forms, and official documents.

🚀 Features

• 📄 React → PDF Conversion
  Convert any React component into a pixel-perfect PDF.

• 👁 Live Preview
  Preview documents exactly as they will appear in the exported PDF.

• ✍ Digital Signature Support
  Built-in signature pad to sign documents before PDF generation.

• 🎨 Highly Customizable
  Full control over layout, styles, fonts, margins, and page settings.

• ⚡ Simple API
  Minimal configuration, clean components, and hooks.

📦 Installation

Using npm:

npm install @npdevind/react-pdf-studio

Using yarn:

yarn add @npdevind/react-pdf-studio

🧑‍💻 Basic Usage

import { PdfWrapper } from "@npdevind/react-pdf-studio";

export default function MyDocument() {
  return (
    <PdfWrapper>
      <div style={{ padding: 20 }}>
        <h1>Official Document</h1>
        <p>This is a sample document generated as a PDF.</p>
      </div>
    </PdfWrapper>
  );
}

🧩 Components

PdfWrapper

Wraps your JSX/TSX content and enables:

• Live preview

• PDF export

• Signature embedding

<PdfWrapper>
  {children}
</PdfWrapper>

⚙ Configuration Options

<PdfWrapper
  fileName="document.pdf"
  pageSize="A4"
  orientation="portrait"
  >
  {children}
</PdfWrapper>

📄 License

MIT License © 2025 Nilmoni Patra

👤 Author

Nilmoni Patra GitHub: https://github.com/npdevind

npm: https://www.npmjs.com/~npdevind