Developer Portfolio
The technical story behind WebsToolKit — how we built 20+ production-grade free tools with Next.js, React, and a relentless focus on performance and SEO.
Tech Stack
Next.js 14
Framework
React 18
UI Library
Tailwind CSS
Styling
Framer Motion
Animation
Node.js
Runtime
Vercel
Deployment
PDF-lib
PDF Processing
Sharp
Image Processing
What We've Built
Every tool is independently architected, code-split, and SEO-optimized with its own structured data, metadata, and canonical URL.
Invoice & Business
4 toolsInvoice Generator
FeaturedMulti-currency, tax support, logo upload, PDF export
Quotation Generator
Professional quote templates with itemized pricing
Receipt Maker
Instant receipt generation for any transaction
Payslip Generator
Employee payslips with deductions and net pay
PDF Tools
3 toolsPDF Merger
FeaturedCombine unlimited PDFs in any order, fully client-side
PDF Splitter
Extract specific pages or split into individual files
Image to PDF
Convert JPG, PNG, WebP images to PDF instantly
Image Tools
3 toolsPNG to JPG
Client-side conversion preserving quality
JPG to PNG
Lossless PNG conversion in the browser
Circular Crop
Canvas-based circular image cropping tool
Developer & Text Tools
6 toolsJSON Formatter
Validate, format, and minify JSON with syntax highlighting
UUID Generator
RFC 4122 compliant UUID v4 generation
URL Shortener
Custom short links with click tracking
Lorem Ipsum
FeaturedParagraph, sentence, and word-level generation
Word Counter
Real-time word, character, sentence, paragraph counts
Text Case Converter
camelCase, snake_case, UPPER, lower and more
Engineering Principles
The decisions behind every architectural choice in WebsToolKit.
Performance First
Heavy processing (PDF, image) happens client-side where possible to eliminate server round trips and minimize latency.
Mobile Responsive
All tools are built mobile-first. Touch interactions, viewport handling, and keyboard behaviors are fully considered.
Accessible by Default
We follow WCAG 2.1 guidelines. All interactive elements have ARIA labels and keyboard navigation is fully supported.
SEO Engineered
Schema.org structured data, semantic HTML, canonical URLs, Open Graph, and optimized metadata on every single page.
Privacy by Design
Client-side processing means sensitive files (invoices, PDFs) never touch our servers. We minimize data collection.
Code-Split Per Tool
Tool pages are code-split so users only download the JavaScript they need. The PDF merger won't load the QR library.
Project Timeline
- 🚀
2024 Q1
WebsToolKit launched with 5 core tools
- 📈
2024 Q2
Reached 10,000 monthly users; added full PDF suite
- 🛠️
2024 Q3
Expanded to 15 tools; launched developer utilities
- ⭐
2024 Q4
20+ tools live; full SEO overhaul deployed
- 🌱
2025
Continued growth — new tools shipping regularly
Explore the Tools
20+ free tools, all built with the same care for performance, design, and developer experience.