A feature-rich PDF management tool for seamless editing, merging, compression, and more!
🚀 Live Demo: Explore the App
Next.js PDF Manipulator is a web-based tool designed for effortless PDF management. From editing to merging, compressing, and even extracting images from PDF files, this app combines efficiency with simplicity. With its fully responsive design, user-friendly drag-and-drop interface, and modern aesthetics, this app caters to the needs of professionals, students, and anyone who frequently works with PDFs.
- 🖊️ Edit PDFs: Modify content, pages, or annotations seamlessly. Fully responsive for all devices.
- 📂 Merge PDFs: Combine multiple files into a single document effortlessly. Fully responsive for all devices.
- 🖼️ Image to PDF: Convert images (JPG, PNG, etc.) into high-quality PDFs. Fully responsive for all devices.
- 📉 Compress PDFs: Reduce file size without compromising quality. Fully responsive for all devices.
- ➕ Add Pages: Insert extra pages into existing PDFs easily. Fully responsive for all devices.
- 📸 Extract Images: Save embedded images from PDFs locally. Fully responsive for all devices.
- 👀 View PDFs: Preview and navigate PDFs directly within the app. Fully responsive for all devices.
- 📤 Drag-and-Drop: Upload files with a user-friendly drag-and-drop interface. Fully responsive for all devices.
- 🔄 Page Preview: Rearrange and organize pages before saving changes. Fully responsive for all devices.
- Next.js: A powerful framework for building server-side rendered React applications.
- Tailwind CSS: A utility-first CSS framework for designing responsive and aesthetically pleasing interfaces for all devices.
- React: The core library for building the user interface.
- React DOM: For rendering React components in the DOM.
- pdf-lib: To create, modify, and manipulate PDFs.
- pdfjs-dist: For parsing and rendering PDF documents.
- pdf-parse: To extract text and metadata from PDFs.
- jspdf: For generating PDFs dynamically in the browser.
- Jodit React: For integrating a WYSIWYG editor.
- React Quill: For rich-text editing functionality.
- Quill Image Resize Module: To enable image resizing within the editor.
- Quill Blot Formatter: For handling custom formatting in the editor.
- File Saver: For saving files locally, like PDFs.
- Next Connect: For simplifying API route handling in Next.js.
| Feature | Preview |
|---|---|
| 🌐 Landing Page |  - Fully responsive and visually appealing home screen. |
| 📋 Feature Overview |  - Displays all the available tools and features, optimized for all devices. |
| 📂 Merge PDFs |  - Interface for combining multiple PDF files, fully responsive. |
| 🖊️ PDF Editor (Worker-Based) |   - Modify PDFs using a worker-based editor, accessible on all devices. |
| ⚙️ PDF Editor (Backend-Based) |   - Modify PDFs using a backend-powered editor, responsive across devices. |
| 🖼️ Image to PDF Conversion |  - Convert images into high-quality PDF documents, designed to work smoothly on all devices. |
| ➕ Add Pages to PDFs |   - Add extra pages to existing PDFs with ease, responsive UI. |
| 📸 Extract Images from PDFs |  - Extract embedded images from a PDF file, responsive design for mobile and desktop. |
| 📉 Compress PDFs |  - Reduce PDF file size without losing quality, optimized for all devices. |
Follow these steps to set up and run the project locally:
-
Clone the Repository
git clone https://github.com/VrajVyas11/Next_JS_PDF_Manipulator.git
-
Navigate to the Project Directory
cd Next_JS_PDF_Manipulator -
Install Dependencies
npm install
-
Start the Development Server
npm run dev
-
Access the App
Open your browser and visit:
http://localhost:3000
Contributions are welcome! Follow these steps to contribute:
-
Fork the Repository
Click the "Fork" button in the top-right corner of the GitHub page. -
Clone the Forked Repository
git clone https://github.com/VrajVyas11/Next_JS_PDF_Manipulator.git
-
Create a New Branch
git checkout -b feature/your-feature-name
-
Make Your Changes
Implement the desired features or fixes. -
Push Changes to Your Branch
git push origin feature/your-feature-name
-
Submit a Pull Request
Create a pull request from your branch to themainbranch of the original repository.
Planned improvements for future releases:
- Encrypted PDFs: Add support for opening and editing password-protected PDFs.
- Light Mode: Enhanced UI experience with Light mode support.
This project is for learning purposes only and is released under the MIT License. See the LICENSE file for details.
- PDF.js for rendering PDF files.
- pdf-lib for advanced PDF editing.
- FileSaver.js for enabling downloads.
Feel free to further customize the content as per your preferences or project updates!