I recently built JohnShine Tools, a collection of free online utilities designed to handle common image, PDF, text, network, and security tasks directly in the browser.
The main idea is simple:
Useful tools should be fast, easy to access, and should not require users to install software or upload private files unnecessarily.
Most tools on the site process data locally in the browser. This means files and text remain on the user’s device unless a tool explicitly states otherwise.
You can try the toolkit here:
JohnShine Tools:
Why I Built It
Many simple tasks still require installing software, creating an account, or uploading files to an unknown server.
Examples include:
- compressing an image
- resizing a photo
- merging PDF files
- converting Unix timestamps
- formatting text
- generating passwords
- creating QR codes
I wanted to create a lightweight website where these tasks could be completed quickly, with a consistent interface and minimal friction.
Image Tools
Image Compressor
The Image Compressor reduces JPG, PNG, and WebP file sizes directly in the browser.
Users can choose an image, adjust the quality setting, preview the result, and download the optimized version.
https://johnshinetools.com/image-compressor/
Image Converter
The Image Converter changes images between JPG, PNG, and WebP formats.
Users can choose the output format, adjust image quality when supported, and download the converted file.
https://johnshinetools.com/image-converter/
Image Resizer
The Image Resizer changes image dimensions by width, height, or percentage.
It supports aspect-ratio locking, output format selection, quality adjustment, and image preview.
https://johnshinetools.com/image-resizer/
PDF and File Tools
PDF Merge
PDF Merge combines multiple PDF files into one document.
Users select two or more files, keep them in the desired order, and download the merged result.
https://johnshinetools.com/pdf-merge/
PDF Split
PDF Split extracts selected pages from an existing PDF.
https://johnshinetools.com/pdf-split/
PDF Compressor
PDF Compressor rebuilds and optimizes the internal structure of a PDF to create a smaller and cleaner copy where possible.
https://johnshinetools.com/pdf-compressor/
Word Counter
Word Counter measures:
- words
- characters
- sentences
- estimated reading time
It is useful for articles, essays, social media posts, documentation, and content limits.
https://johnshinetools.com/word-counter/
Text Tools
Case Converter
Case Converter transforms text into formats such as:
UPPERCASE
lowercase
Title Case
camelCase
snake_case
kebab-case
It can be useful for writing, URLs, variable names, identifiers, and labels.
https://johnshinetools.com/case-converter/
Character Counter
Character Counter provides live measurements for:
- characters
- bytes
- lines
- paragraphs
It is useful for meta descriptions, advertisements, bios, messages, forms, and platform limits.
https://johnshinetools.com/character-counter/
Developer and Network Tools
Unix Timestamp Converter
The Unix Timestamp Converter converts between:
- Unix seconds
- Unix milliseconds
- local date and time
- UTC date and time
It also supports using the current time as a quick starting point.
https://johnshinetools.com/unix-timestamp/
Encoding Converter
The Encoding Converter supports several common encoding and decoding formats:
- Unicode
- UTF-8
- ASCII
- Base64
- URL encoding
- HTML entities
- Hex
Users can paste text, select a conversion type, run the conversion, and copy the output.
https://johnshinetools.com/encoding-converter/
Other Utilities
QR Code Generator
The QR Code Generator creates downloadable QR codes for:
- URLs
- text
- email addresses
- contact details
- other supported content
Users can optionally add a logo, choose the output size, and download the result as a PNG.
https://johnshinetools.com/qr-code-generator/
Password Generator
The Password Generator creates strong random passwords using the browser’s cryptographic API.
Users can control password length and select which character types to include.
https://johnshinetools.com/password-generator/
Privacy and Browser-Based Processing
One of the main design goals was to keep as much processing as possible inside the browser.
For many tools:
- files are not uploaded to a server
- text remains on the user’s device
- processing happens locally with JavaScript
- no account is required
This is especially useful for images, text, passwords, timestamps, and encoding tasks.
Technical Approach
The project uses a lightweight frontend architecture with:
- HTML
- CSS
- JavaScript
- browser APIs
- client-side file processing
- individual URLs for each tool
- responsive layouts for desktop and mobile
- Google Analytics event tracking
- Google Search Console integration
Each tool has its own page, title, description, canonical URL, sitemap entry, and internal links.
What I Learned
Building the tools was only one part of the project.
Other important parts included:
- creating clear user flows
- handling large files safely
- keeping processing local
- designing useful error messages
- making pages mobile-friendly
- structuring pages for search engines
- tracking which tools users actually use
- improving performance and accessibility
The project also taught me that a small utility can still require careful work around edge cases, browser compatibility, privacy, and user experience.
What Comes Next
I plan to continue improving the existing tools and add more utilities in areas such as:
- developer tools
- network tools
- JSON utilities
- URL tools
- image processing
- PDF workflows
- text formatting
- data conversion
I am also interested in improving accessibility, mobile usability, and client-side performance.
Feedback Welcome
I would appreciate feedback on:
- tool usability
- mobile layout
- missing features
- browser compatibility
- accessibility
- additional tool ideas
You can try the site here:
Top comments (0)