@namahapdf/react

A complete in-browser PDF editor as a React component — view, edit, annotate, sign, redact, and fill forms, fully on-device. Part of the NamahaPDF SDK.

npm i @namahapdf/react

import { NamahaEditor } from '@namahapdf/react';
import '@namahapdf/react/styles.css';

export default function App() {
  // The editor fills its container — give the wrapper a size.
  return (
    <div style={{ height: '100vh' }}>
      <NamahaEditor licenseKey="YOUR_KEY" />
    </div>
  );
}

• Pass your licenseKey to remove the evaluation watermark and unlock licensed features. Get one at namahapdf.com/sdk.

• Sizing: the editor fills its container, so size the wrapper via style/className (e.g. style={{ height: '100vh' }}) or any parent with a height.

• Opening PDFs is fully client-side — no upload, no backend needed. The exception is password-protected PDFs: decryption runs on a server endpoint (decryptUrl, default same-origin /api/decrypt-pdf). Point it at your backend to support encrypted PDFs.

• Signing: Quick (visual) sign is fully client-side. Secure Sign & certify (cryptographic PAdES, tamper-evident + Certificate of Completion) is server-dependent — point the signUrl prop (default same-origin /api/sign) at your backend to enable it.

• Styles are scoped under .namahapdf-root and ship without a CSS reset, so they won't affect the rest of your page.

• Match your brand with the theme prop — pass one or more hex colors and the full tonal scale is derived for you (client-side, no network call):

  <NamahaEditor theme={{ primary: '#2563EB', surface: '#FFFFFF', text: '#0F172A' }} />

  All keys are optional — pass just primary for an accent-only reskin.

• Works in the Next.js App Router (the component is marked "use client").

For the headless engine without the UI, see @namahapdf/core.