Skip to content

A web-based PDF annotation tool built with React. It allows users to highlight text, add comments/annotations to PDFs. Annotations are currently stored in memory, with future support planned for persistence via a backend. Ideal for reviewing documents, academic papers, and collaborative feedback

Notifications You must be signed in to change notification settings

thasneem9/pdf-highlighter

Repository files navigation

📄 PDF Annotator (React + PDF.js)

A simple React-based PDF annotation tool that lets users:

  • 🔍 Select and highlight text
  • 💬 Add comments to specific highlights
  • 🎨 Choose highlight colors (red, blue, yellow)

✨ Features

  • Double-click to highlight or add comment
  • Attach floating 💬 comments
  • Multiple color support for highlighting

📸 Screenshots

Example:

  • Highlight popup image
  • Comment box image

🛠️ Installation

git clone https://github.com/thasneem9/pdf-highlighter.git
cd pdf-highlighter
npm install
npm run dev

tips to avoid errors:

  • make sure your public folder contains pdf.worker.min.js [if note go to nodemodules > pdfjs > copy the file content of 'pdf.worker.min.js']
  • make sure static folder contains a sample.pdf file!
  • Check out developer console. I have added extensive console logs to identify key problems.

🧪 Libraries / tools used:


🤝 Contributions

Feel free to fork and enhance this project.
Pull Requests are welcome!


About

A web-based PDF annotation tool built with React. It allows users to highlight text, add comments/annotations to PDFs. Annotations are currently stored in memory, with future support planned for persistence via a backend. Ideal for reviewing documents, academic papers, and collaborative feedback

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published