react-pdf-highlighter

react-pdf-highlighter is a React library that provides annotation experience for PDF documents on web. It is built on top of PDF.js by Mozilla. Text and rectangular highlights are supported. Highlight
data format is independent of the viewport, making it suitable for saving on the
server.

View Demo View Github

Example

To run the example app locally:

npm install
npm start

Create React App example is available in ./create-react-app-example. Make sure to run npm install there as well.

Installation

npm install react-pdf-highlighter

See
./example/src/App.tsx
for React component API example.

Prior art

react-pdf and
react-pdfjs only provide React
wrappers for PDF.js and do not have built-in annotation functionality.

pdfjs-annotate does not
provide text highlights out of the box.

PDF.js provides only viewer:

PDF.js is mainly written for reading PDF files, not editing them. Because of that we don’t yet support adding any kind of annotations. We do however support rendering a number of annotation types for viewing.

See also: