Back to Projects

PDF Toolkit

A free, privacy-focused, and no-login client-side PDF toolkit built with React, Vite, and pdf-lib. All processing happens entirely within the browser, ensuring data security and high performance.

PDF Toolkit Interface

Core Features

Pure Client-Side

All merging and manipulation happens directly in your browser. No files are ever uploaded to a server.

100% Free & No Login

Immediate access to all tools with zero hidden costs, subscriptions, or authentication barriers.

Drag & Drop

Intuitive interface for adding files and reordering file cards to define the precise merge sequence.

Instant Processing

Utilizes highly optimized libraries to process complex PDF tasks instantly on the user's machine.

Technologies

  • Framework:React + Vite
  • PDF Engine:pdf-lib
  • Interactions:@hello-pangea/dnd (Drag and drop)
  • UI/UX:Framer Motion & Lucide React
  • Analytics:react-ga4 (Google Analytics 4)

Setup Instructions

# 1. Install dependencies

npm install

# 2. Start development server

npm run dev

# 3. Build for production

npm run build

Analytics & SEO Approach

The application tracks usage responsibly using Google Analytics 4 (GA4). It is configured via environment variables (VITE_GA_MEASUREMENT_ID), enabling automatic route change detection for Single Page Applications (SPAs). Additionally, the site implements crucial SEO metadata, Open Graph labels, Twitter Cards, and JSON-LD structured data directly within the app shell, ensuring maximum search engine visibility for a static, client-side application.

Vasanth Kumar

Full-Stack Engineer & AI Product Builder

4+ years of experience building scalable web applications and AI-powered products. Passionate about end-to-end product development, clean architecture, and solving real-world problems.