Every link and how-to is in RESOURCES-AND-GUIDE.md.
41 free tools that run entirely in your browser, for developers and everyone else.
🔗 Try it live: toolglass.ajithakdev.com
Toolglass started because we were tired of ad-heavy websites for small jobs like decoding a JWT, testing a regex, or compressing a photo. Many of those sites send what you paste to their servers.
Every Toolglass tool runs in your browser. There is no backend, no cookies, and no analytics, so an API secret, a token, or a private photo never leaves your device. It installs as an app and keeps working offline after the first visit.
There are tools for everyday jobs (word counter, unit converter, image compressor, screen recorder, world clock, timers) and for developers (JSON, YAML, CSV, SQL, JWT, hashing, regex, subnets, an API client, and more).
| Category | Tools |
|---|---|
| Generators | • Password Generator (CSPRNG, rejection-sampled, entropy meter, bulk up to 100 with .txt download) • UUID (bulk v4 and time-sorted v7 per RFC 9562, plus an inspector that decodes version and v7 timestamp) • NanoID (URL-safe compact IDs) • Mongo ObjectId (24-char BSON IDs with embedded timestamp) • QR Code (Instant canvas/SVG generation & PNG download) |
| Encoders & Decoders | • Base64 (Unicode-safe encode/decode) • URL Encoder ( encodeURIComponent, with a batch mode for one URL per line)• JWT Decoder (Header/payload breakdown & expiration badges) |
| Converters & Formatters | • JSON Formatter (Beautify, minify, line and column errors, JSON Schema validation) • Color Converter (Hex ⇄ RGB ⇄ HSL with live alpha slider) • JSON to TypeScript (Generates interfaces or types automatically) |
| Security & Crypto | • Hash Generator (text or files: SHA-1, SHA-2, SHA-3, and Keccak-256) • JWT Signer (HS256, RS256, ES256 signing and key pair generation) |
| Everyday | • Word Counter (words, characters, reading time, any language) • Text Diff (line-by-line compare) • Notepad (autosaves in your browser) • Unit Converter (length, mass, temperature, storage, and more) • Percentage Calculator (percent of, percent change, add or remove) • World Clock (time zones side by side) • Stopwatch & Timer (laps, countdown, pomodoro) |
| Images & Media | • Image Compressor (WebP, JPEG, PNG, AVIF, resize, strips EXIF) • Screen Recorder (screen, window, or tab, optional mic) |
| Developer Utilities | • CSV ⇄ JSON ⇄ SQL • YAML ⇄ TOML ⇄ JSON • SQL Formatter • JSON to Zod • Number Base Converter (BigInt, bit toggles, two's complement) • HTML Entities • List Transformer (dedupe, sort, SQL IN, JSON array) • Unicode Inspector (finds zero-width and bidi characters) • Keycode Inspector • HTTP Status Codes • MIME Types (with magic-byte file check) • Subnet Calculator (IPv4 and IPv6) |
| API & Networking | • API Tester (In-browser HTTP client with cURL import and sanitized headers) |
| Utilities | • Timestamp Converter (Unix epoch ⇄ ISO 8601 ⇄ relative time & batch mode) • Regex Tester (Real-time regex engine with visual match highlights) • Markdown Preview (Live GitHub-flavored preview with DOMPurify sanitization) |
- Zero Network Calls: Apart from requests you send yourself in the API Tester, everything executes on the client thread using standard Web APIs (
crypto.subtle,crypto.getRandomValues,DOMParser). - Cryptographic Rigor: Randomness is strictly backed by CSPRNG with rejection sampling to eliminate modulo bias. We never use
Math.random(). - Instant Keyboard Navigation: Hit
⌘KorCtrl+Kanywhere to open the command palette and jump between tools without taking your hands off the keyboard. - Shareable State: Key tool configurations sync to URL query params (debounced) so you can bookmark or share exact settings with teammates.
- No Bloat: Every tool is code-split via dynamic
React.lazy()imports. Tools load on demand, so opening one tool does not download the others.
Toolglass uses standard modern frontend tooling (React 19, TypeScript, Vite, Vitest):
# Clone the repository
git clone https://github.com/ajithakdev/toolglass.git
cd toolglass
# Install dependencies
npm install
# Start local dev server with HMR
npm run devnpm run dev # Start local dev server at http://localhost:5173
npm run build # Strict type-check (tsc -b) followed by production Vite build
npm run preview # Preview production bundle locally
npm run lint # Run ESLint across code and tests
npm test # Run Vitest test suite once
npm run test:coverage # Generate test coverage reportsrc/
├── components/ # Reusable glass UI widgets (Buttons, Inputs, CommandPalette)
├── hooks/ # Custom hooks (useClipboard, useTheme, useUrlState)
├── pages/
│ ├── Landing.tsx # Main dashboard with categorized tool grid
│ ├── ToolPage.tsx # Dynamic lazy loader with ErrorBoundary & Suspense
│ └── NotFound.tsx # Custom 404 page
├── tools/ # Self-contained tool modules
│ ├── catalog.ts # Tool metadata: titles, categories, keywords
│ ├── registry.tsx # Icons and lazy-loaded components per tool
│ └── <tool-name>/
│ ├── <Tool>Tool.tsx # Main React UI component
│ ├── <tool>.ts # Pure business logic / calculations
│ └── <tool>.test.ts(x) # Unit and component tests
└── App.tsx # Shell with global navigation and theme providers
We love contributions! Toolglass was built to make contributing new utilities frictionless:
- Adding a new tool usually takes one self-contained folder under
src/tools/, an entry insrc/tools/catalog.ts, and its icon and component insrc/tools/registry.tsx. - Prefer native browser APIs. A few tools load a small library on their own page only (QR codes, Markdown, YAML/TOML), and any new dependency needs maintainer approval.
- Check out our Contributing Guide for detailed step-by-step instructions.
- All contributors are expected to follow our Code of Conduct.
- See our Security Policy for responsible vulnerability disclosure.
Distributed under the MIT License. Built with ✦ by ajithakdev.