Skip to content

Repository files navigation

devtools.fadeltd.dev

Free, open-source developer tools that run entirely in your browser. A JSON formatter, diff checker, base64 encoder/decoder, word counter and list sorter — with no backend, no accounts, no ads and no tracking.

Live License: MIT No backend

Why another one of these?

Because every other online JSON formatter, base64 decoder and diff checker sends what you paste to a server.

This one cannot. There is no backend — it is static files on a CDN, so there is no server to send anything to. You can open the network tab and watch it make zero requests, or turn off your wifi and keep using it. Paste a production token, an API response or a customer record without thinking about it.

Three other things it does that the free sites generally do not:

  • Expands JSON that was serialised into a string — the thing every structured logger does, including double-encoded. No more copying a payload field into a second tab.
  • Reports every JSON error, not just the first, each with a line, column and a caret that lines up even in tab-indented files.
  • Does not corrupt your lists. a\nb\n is two lines, not three — the phantom trailing blank line that most online list tools add.

Tools

Diff Checker Side-by-side or unified, word-level highlighting, collapsed unchanged regions, Alt+↑/↓ to jump between changes
Base64 Encode/decode with correct UTF-8, base64url, padding control. Unwraps PEM/MIME line breaks and data: URIs, and tells you what it changed
List Tools Sort (natural or alphabetical), remove duplicates, randomize, reverse — without the phantom blank line every other list tool adds
JSON Formatter Format, minify, sort keys. Reports every problem with an exact line, column and caret, detects NDJSON, warns when numbers lose precision, and expands JSON that was serialised into a string — the thing structured logs do, including double-encoded
Text Statistics Characters, letters, words, sentences, paragraphs, reading time, and word/phrase frequency

Press ⌘K anywhere to jump to a tool, ⌘1–⌘9 for pinned ones, and ? for the shortcut list. Your last input is restored when you come back.

Development

Requires Node ≥ 22.12 and pnpm. pnpm only — never npm or yarn.

pnpm install
pnpm dev                    # Vite dev server
pnpm test                   # Vitest: unit + property tests
pnpm lint                   # oxlint
pnpm exec tsc --noEmit      # typecheck
pnpm exec wrangler dev      # serve dist/ exactly as Cloudflare will
pnpm deploy                 # build + deploy

Adding a tool

One folder under src/tools/ plus one entry in src/lib/registry/index.ts. That registry drives the router, home grid, sidebar, command palette, build-time prerender and sitemap — so nothing else needs editing.

Each tool is split into core/ (pure functions: no React, no DOM, no store — this is where all the tests live) and a thin .tsx shell.

CHANGELOG.md records what shipped when. CLAUDE.md has the rules that matter, including several that look like trivia but are silent data-corruption bugs if ignored. CONTRIBUTING.md has the two constraints that shape every decision here.

Licence

MIT — see LICENSE. The bundled fonts are third-party works under the SIL Open Font License 1.1; see NOTICE.

Stack

Vite · React · TypeScript · Tailwind · Cloudflare Workers static assets. No backend, no analytics, no third-party requests — fonts are self-hosted so the page contacts nothing but its own origin.

About

Free open-source developer tools that run entirely in your browser — nothing you paste is ever uploaded. JSON formatter and validator, diff checker, base64 encoder/decoder, word counter and text statistics, list sorter and duplicate remover. A private, offline-capable alternative to online dev tool sites.

Topics

Resources

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages