DEV Community

guoyx0704
guoyx0704

Posted on

I Built a Free Tool Site with 15+ Developer Tools — No Sign-up, No Ads, No Bullshit

Hey everyone! 👋

I'm a developer who got tired of visiting 10 different websites to do simple
tasks like formatting JSON, compressing images, or generating QR codes. So I
built DevToolBox — a single place with 15+ free online tools, all running in
your browser with no sign-up required.

👉 https://toolbox-site.asia

Why I Built This

Every time I needed a quick tool, I'd end up on a site full of ads, popups, or
"create an account to continue" walls. I wanted something clean, fast, and
respectful of users' time and privacy.

The idea was simple: one website, all the tools you need, zero friction.

What's Inside

Here are some of the tools available:

Developer Tools:

  • JSON Formatter & Validator — Format, validate, minify JSON with syntax highlighting
  • Base64 Encoder/Decoder — Encode and decode Base64 strings instantly
  • UUID Generator — Generate v4 UUIDs in bulk
  • 🔧 Unix Timestamp Converter — Convert between timestamps and human-readable dates
  • 🔧 Regex Tester — Test regular expressions with real-time matching
  • 🔧 Markdown Preview — Write Markdown and see the output live
  • Hash Generator — MD5, SHA-1, SHA-256, SHA-512
  • 🔧 Diff Checker — Compare two texts side by side

Daily Tools:

  • 🖼️ Image Compressor — Compress images right in your browser
  • Image Format Converter — Convert between PNG, JPG, WebP
  • Password Generator — Create strong, customizable passwords
  • 📱 QR Code Generator — Generate QR codes with custom colors
  • BMI Calculator — Calculate Body Mass Index
  • 🎂 Age Calculator — Calculate exact age from birth date
  • 📝 Word Counter — Count words, characters, sentences
  • 📏 Unit Converter — Length, weight, temperature, and more

How It's Built

The whole site is a Vue 3 + TypeScript + Vite project with Tailwind CSS for
styling. Everything runs client-side — no data is ever sent to a server, which
means your data stays on your device.

Key tech:

  • Vue 3 with Composition API
  • TypeScript for type safety
  • Vite for blazing fast dev experience
  • Tailwind CSS for styling
  • Vue Router with history mode for clean URLs
  • vue-i18n for English and Chinese support

What Makes It Different

  • ✅ No sign-up — Just open and use
  • ✅ No server uploads — All processing happens in your browser
  • ✅ No ads — Clean, distraction-free interface
  • ✅ Free forever — No premium tiers, no paywalls
  • ✅ Open and accessible — Works on any device with a browser

What's Next

I'm planning to add more tools based on user feedback. Some ideas on the
roadmap:

  • CSV parser & converter
  • Color palette generator
  • Lorem ipsum generator
  • SQL formatter
  • Cron expression generator

Try It Out

Give it a shot: https://toolbox-site.asia

I'd love to hear what tools you find useful and what you'd like to see added.
Drop a comment below! 🙌

Top comments (1)

Collapse
 
amitfeldman profile image
Amit Feldman

Nice launch — a no-signup toolbox is genuinely useful. I ran a quick passive check on toolbox-site.asia and found a few things worth knowing:

  1. No <h1> on the homepage — the title tag is there, but the page jumps straight past the top-level heading. Search engines and screen readers both lean on it; one line fix.
  2. Meta description is 201 chars — Google truncates around 155-160, so your pitch ("JSON formatter, image compressor, QR code generator...") gets cut mid-sentence in results. Worth tightening to ~150.
  3. All six standard security headers are missing (HSTS, CSP, X-Frame-Options, nosniff, Referrer-Policy, Permissions-Policy). That's not really your fault though — you're on GitHub Pages (server: GitHub.com in the response), which doesn't let you set custom response headers at all. The usual escape hatch once the site matters: put a free Cloudflare proxy in front and add the headers via Transform Rules.

Happy to re-run the check if you change hosts or add the proxy.