Skip to content

Add PDF Support to Your Web App in No Time with PSPDFKit for Web

License

Notifications You must be signed in to change notification settings

PSPDFKit/pspdfkit-web-example-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PSPDFKit for Web Example — React.js

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.

Features

  • 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.

Prerequisites

Support and Issues

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.

Getting Started

Clone the repository:

git clone https://github.com/PSPDFKit/pspdfkit-web-example-react.git
cd pspdfkit-web-example-react

Install the project dependencies with npm:

npm install

If you need more information, refer to our Getting Started on Web guide.

Running the Example

Now you’re ready to launch the app! 🎉

Run the app in development mode:

npm start

Create a production build of the app and serve it:

npm run build
npx serve -s build

Enjoy! 🍕

React Component

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.

License

This software is licensed under a modified BSD license.

FAQ

How Do I Integrate PSPDFKit with My Existing React App?

Follow this guide to integrate our Web SDK into your project.

Where Can I Find More Documentation?

We have extensive documentation with developer guides for React that show you how to add document functionality to React apps.

Useful Resources

Contributing

Please ensure you’ve signed our CLA so that we can accept your contributions.