DEV Community

Cover image for I was tired of sketchy online JSON formatters, so I built a suite of 100+ client-side developer utilities
Hasanul
Hasanul

Posted on

I was tired of sketchy online JSON formatters, so I built a suite of 100+ client-side developer utilities

As developers, we all have that exact same workflow. You get a massive blob of JSON from an API, or a JWT token from a staging environment, and you instinctively Google "JSON Formatter" or "JWT Decoder".

You click the first result. The page is plastered with auto-playing video ads, a massive cookie consent banner blocks your screen, and the tool itself looks like it hasn't been updated since 2012.

Worst of all? You have no idea if the sensitive staging data you just pasted into the textbox is being logged on a random server somewhere.
I finally had enough of this workflow. So, I spent the last few weeks building the exact opposite.

Enter FreeToolkit 🛠️
I built FreeToolkit.co — a platform containing over 100+ raw, focused developer utilities designed around speed, modern UX, and strict privacy.

![FreeToolkit homepage dashboard showing available tools

The Architecture: 100% Client-Side
From a technical perspective, my primary rule for building this was privacy by default. When dealing with Base64 Decoders, JWT Decoders, or converting sensitive CSV data, sending payloads back to a Node.js server for processing is a massive security risk. To solve this, every single one of the 100+ tools runs entirely in your browser using client-side JavaScript.

  • No API calls are made to process your data.
  • Everything computes instantly locally.
  • Your data never leaves your machine.

Built for Speed (Next.js)
Instead of forcing you to navigate through slow, reloading pages to find the tool you need, the entire platform acts as a unified workspace.

  • use the global sidebar search to instantly filter through utilities.
  • Natively respects your system's Dark/Light mode preferences.

The Toolkit
I tried to cover almost every random utility I find myself Googling during a standard week of development. Here are some of the dedicated hubs:

  • 📦 JSON Tools (Formatters, Validators, Minifiers, Diff Checkers)
  • 🔐 Cryptography (Bcrypt, SHA-256, HMAC Generators, MD5)
  • 🎨 CSS Tools (Box Shadow Generators, Clip-Path Builders, Minifiers)
  • ⏱️ Date & Time (Unix Timestamp Converters, ISO Formatters)
  • 📄 Text Utilities (Case Converters, Slug Generators, Diff tools)

I would absolutely love to hear feedback from the Dev.to community. If there is a missing utility that you constantly use and want added, let me know in the comments below!

👉 Check it out here: FreeToolkit.co

Top comments (0)