DEV Community

Cover image for I built 59 free browser-based dev tools in vanilla JS — here's what I learned
Yuva
Yuva

Posted on

I built 59 free browser-based dev tools in vanilla JS — here's what I learned

#webdev #javascript #tools #programming

I've been quietly building Antigravity Tools — a collection of 59 free, browser-based developer utilities — and today I'm sharing everything I built and learned.

Why vanilla JS? No React, no build step.

The main constraint I set for myself: zero dependencies, zero server, zero telemetry.

When you paste your JWT token into jwt.io, it goes to their server. When you use an online regex tester, your test strings are logged. I built Antigravity Tools so every operation runs inside your browser, using native APIs.

No Node.js backend
No npm packages
No webpack/vite/parcel
No Google Analytics
No cookies
Enter fullscreen mode Exit fullscreen mode

Everything runs on Web Crypto API, Canvas API, Web Audio API, and IndexedDB — all native to modern browsers.

The 8 tool categories

🔐 Security & Auth Tools

  • JWT Inspector — decode JWT header, payload, and check expiry locally
  • RSA & ECC Key Generator — generate 2048-bit key pairs via SubtleCrypto
  • Hash & Password Generator — SHA-256/SHA-512 via Web Crypto
  • PII Masker — strip emails, credit cards, SSNs, IPs from text
  • Universal Encoder/Decoder — Base64, URL, Hex, HTML entities, Unicode

🤖 AI & Prompting Tools

  • AI Token Counter — estimate cost across GPT-4o, Claude 3.5, Gemini 2.0, DeepSeek R1
  • System Prompt Builder — structure agent instructions with XML tags and tool definitions
  • AI Text Humanizer — rephrase robotic AI output into natural writing
  • Prompt Cost Trimmer — compress prompts by 30–50% to reduce API costs

⚡ Dev & Code Tools

  • JSON Workbench — beautify, validate, convert to TypeScript, Python, Go types
  • cURL Converter — cURL → JS fetch, Python requests, Go, PHP
  • Regex Tester — real-time match highlighting with capture group display
  • Cron Builder — visual cron expression editor with plain-English output
  • Git Command Helper — build undo/squash/cherry-pick commands visually

Try it

👉 https://antigravitytools.app

Top comments (1)

Collapse
 
marko_krsikapa_2f86f59a70 profile image
Marko Krsikapa •

Hi. My name is Marko, and I am a senior software developer.

I intend to collaborate with you. You just need to create a freelancing account for me, complete the verification, and hand it over.(If you have already given it to someone else, you cannot cooperate.) I am looking for someone who strictly adheres to their credit

I will then pay you $100 immediately. And I will pay you 20%(over $300) of the total earnings from your freelancing account per month.

Please feel free to contact me if this opportunity interests you. ‪(929) 949-5884

I look forward to hearing from you.

Best regards,

My Telegram: trapcity224

Marko