A web application that allows users to watermark PDF files using a logo image, flatten the PDF to secure the watermark, and download the processed file. The app is designed as a Progressive Web App (PWA) that works offline and can be installed on mobile and desktop devices.
- Upload a PDF file and a logo image.
- Add the logo as a watermark to all pages of the PDF.
- Flatten the PDF to make the watermark non-editable.
- Download the processed PDF.
- Fully responsive design with a modern dark theme.
- Offline functionality using a service worker.
- Installable as a PWA for mobile and desktop devices.
Try the app live at: PDF Marker Pro Live Demo
Access the source code at: GitHub Repository
- HTML5, CSS3, and JavaScript for the frontend.
- PDF-Lib.js for PDF manipulation.
- PDF.js for rendering and flattening PDF content.
- Service Worker for offline functionality.
- PWA Manifest for installation on devices.
git clone https://github.com/BR1JM0H4N/pdf-marker-pro.git
cd pdf-marker-proYou need a static file server to run the app locally:
npx http-server . -p 8080Open your browser and navigate to http://localhost:8080.
To deploy the app online, upload the project files to a hosting platform that supports HTTPS. Some popular options include:
- Render
- GitHub Pages (what I am using for demo 🙂)
- Netlify
- Vercel
For detailed deployment steps, refer to the documentation of your chosen platform.
This app is a Progressive Web App (PWA) and works offline:
- On the first visit, the app caches all required files.
- After caching, the app can be used without an internet connection.
To customize the favicon:
- Replace
favicon.icoorfavicon.pngin the project root. - Ensure it is linked in
index.htmlwith the appropriate<link>tag.
Will upload something soon 🙂
Contributions, issues, and feature requests are welcome! Feel free to fork this repository and submit a pull request.
Author: Yours truly BR1JMOH4N Repository: GitHub Repository