PSPDFKit for Web is a powerful PDF SDK that enables you to view, annotate, sign, and edit PDF documents in your web applications. This repository demonstrates how to seamlessly integrate PSPDFKit with a React application.
- View and Annotate PDFs — Easily view and annotate PDF documents within your web app.
- Real-Time Collaboration — Sync document edits, text highlights, and annotations across Android, iOS, and web devices in real time.
- Electronic and Digital Signatures — Certified, encrypted, and secure document signing workflows.
- Forms — Create, fill, capture, and submit PDF form data.
- Cross-Platform — Consistent behavior across different web browsers.
Are you evaluating our SDK? That’s great, and we’re happy to help! Feel free to contact our Sales team to schedule a demo.
Clone the repository:
git clone https://github.com/PSPDFKit/pspdfkit-web-example-react.git
cd pspdfkit-web-example-reactInstall the project dependencies with npm:
npm installIf you need more information, refer to our Getting Started on Web guide.
Now you’re ready to launch the app! 🎉
Run the app in development mode:
npm startCreate a production build of the app and serve it:
npm run build
npx serve -s buildEnjoy! 🍕
The React component that implements the PSPDFKit for Web integration can be found at src/components/PdfViewerComponent.
To make the files above available, copy them from the node_modules/pspdfkit/dist folder using the script at scripts/copy-pspdfkit-files.
This software is licensed under a modified BSD license.
Follow this guide to integrate our Web SDK into your project.
We have extensive documentation with developer guides for React that show you how to add document functionality to React apps.
Please ensure you’ve signed our CLA so that we can accept your contributions.