DEV Community

CodeLong888
CodeLong888

Posted on

I put 300+ free web tools in one place, with no ads and no signup

#webdev #javascript #productivity #showdev

I use a lot of little web tools. A JSON formatter here, a cron parser there, a "cm to inches" when I am reading a spec written by someone on the other side of the planet. And every single time, the same friction: the first result is buried in ads, a cookie wall pops up, and half of them want me to sign in just to format some text.

So I built the thing I actually wanted: yourhack.ai, a directory of 300+ free web tools. No ads. No signup. Nothing you paste ever leaves your browser.

What is in it

A bit of everything, all client side:

  • Developer: JSON formatter, Base64, JWT decoder, regex tester, cron parser, hash generators, diff checker, timestamp converter
  • Converters: length, weight, temperature, and dedicated pages for the pairs people actually search, like cm to inches and kg to lbs
  • Calculators: mortgage, loan, percentage, BMI, GPA, and a pile more
  • Generators: passwords, QR codes, UUIDs, fake data, usernames
  • PDF and image: merge, split, compress, resize, crop, all in the browser
  • Random and fun: dice, wheel of names, and the rest

Every tool is its own page, works offline once loaded, and runs entirely on your machine. A privacy-friendly toolbox by default, because there is no server to send your data to.

The part I actually enjoyed building

The whole site is one Cloudflare Worker with a tiny registry. Adding a tool is one object:

{
  id: 'json-formatter',
  name: 'JSON Formatter & Validator',
  category: 'developer',
  description: 'Format, validate and minify JSON in your browser.',
  keywords: ['json formatter', 'json validator'],
  intro: 'A short SEO paragraph for the page.',
  render: () => `<the self-contained tool HTML + inline script>`
}
Enter fullscreen mode Exit fullscreen mode

The router, the shared template, the SEO tags, the JSON-LD, the sitemap, and the search index all read from that array. So the marginal cost of tool number 301 is one entry: no new routing, no new template. That is what made it possible to grow past 300 without the codebase turning into spaghetti.

No backend, no database, no build step. Static render on the edge plus inline JavaScript per tool. It costs almost nothing to run, which is the whole reason it can stay free with no ads.

Try it

It is live at yourhack.ai. Light and dark mode, mobile friendly, and it grows every day.

If there is a tool you keep googling and hate the ad-choked result for, tell me and I will add it. That is genuinely the roadmap right now: whatever people keep needing.

Top comments (0)