DEV Community

Lee
Lee

Posted on

I built 30 free developer tools – JSON, regex, JWT, SQL and more

Why I built this

As a developer, I constantly find myself searching for quick online tools – JSON formatters, regex testers, base64 encoders. Most existing tools are cluttered with ads or require signups. So I built my own.

What I built

ToolsForDev is a collection of 30 free browser-based developer tools. Everything runs client-side – no data leaves your browser, no signup required, no ads.

👉 https://toolsfordev-mauve.vercel.app

Tools available

JSON & Data

  • JSON Formatter & Validator
  • JSON to CSV Converter
  • JSON to YAML Converter
  • JSON Schema Generator
  • Text Diff Checker
  • SQL Formatter

Encoding & Hashing

  • Base64 Encoder/Decoder
  • URL Encoder/Decoder
  • HTML Encoder/Decoder
  • MD5 / SHA-1 / SHA-256 / SHA-512 Generator
  • Hash Generator (with file support)
  • Image to Base64

Generators

  • Password Generator (with strength meter)
  • UUID v4 Generator
  • Lorem Ipsum Generator
  • QR Code Generator

Text & Markdown

  • Word Counter (with reading time)
  • Markdown Preview
  • Regex Tester (real-time highlighting)
  • String Utilities (camelCase, snake_case, slug...)

Developer Utilities

  • JWT Decoder (with expiry check)
  • Unix Timestamp Converter
  • Color Converter (HEX/RGB/HSL)
  • Cron Expression Parser
  • Number Base Converter (binary/hex/octal)
  • CSS Minifier
  • HTTP Status Codes Reference
  • ASCII Converter
  • URL Parser
  • IP Address Lookup

Tech stack

  • Frontend: Nuxt 3 + Vue 3
  • Deployment: Vercel (free tier)
  • Cost: $0

Lessons learned

  1. Nuxt 3 is great for SEO – SSR out of the box
  2. Most dev tools can be built purely in the browser with no backend
  3. Building something you personally use makes it much easier to stay motivated

Would love feedback on what tools are most useful or what's missing!


**Tags 栏填:**
Enter fullscreen mode Exit fullscreen mode

webdev, tools, javascript, programming

Top comments (0)