PDF Studio is a lightweight, browser-based PDF reader and editor interface built entirely with HTML, CSS, and JavaScript. It leverages the powerful PDF.js library to render PDF documents directly in the browser without requiring any server-side processing or installation. Users can open PDF files through a file picker or by dragging and dropping them into the viewing area. The app provides a clean, modern dark-themed interface with a toolbar and sidebar for quick access to essential tools. Beyond simple reading, PDF Studio offers basic editing capabilities such as text highlighting, freehand drawing, adding text boxes, and inserting shapes. Users can navigate between pages, zoom in and out, fit the page to the container width, and reset the zoom level. All annotations are drawn on an overlay canvas, allowing for a non-destructive editing experience. The interface also includes a status bar displaying the current file name, active tool, and page dimensions. This project serves as an exc
Features
- Open PDF files via file picker or drag-and-drop
- Render PDF pages using PDF.js
- Page navigation (previous/next)
- Highlight text with semi-transparent yellow rectangles
- Freehand drawing with a customizable pen tool
- Add text boxes to the page