DEV Community

Cover image for Stop Pasting Your JWT Tokens Into Random Websites — I Built a Safer Alternative

Stop Pasting Your JWT Tokens Into Random Websites — I Built a Safer Alternative

Every developer uses online utilities daily:

JSON formatters, JWT decoders, SQL beautifiers, Base64 encoders, regex testers, and password generators.

But there's a dirty secret hiding behind most of these "free" online tools: your sensitive data is being sent to a remote backend server every single time you hit that format button.

Your JWT token with its payload claims? Logged. Your proprietary SQL schema? Stored. Your AES encryption key? Sent over the wire.

That frustration became the foundation of DevOmniTools — 56+ developer utilities where zero bytes of your sensitive data ever leave your browser.

🚨 The Problem: Your Data Is Not as Safe as You Think
Privacy Problem — Traditional Tools vs DevOmniTools

Most developers don't think twice about pasting a JWT token, a database connection string, or an API key into an online formatter. But the backend of these sites receives and often logs every request.

Consider what you're actually exposing:

JWT tokens → contain user identity, roles, expiry claims
SQL queries → reveal your database schema and table structures
AES keys and salts → the literal secrets protecting your encrypted data
Bcrypt hashes → password verification data
The fix isn't to stop using tools. The fix is to use tools that never touch a server.

⚡ The Architecture: 100% Client-Side Execution
Tech Stack Architecture

Every single tool in DevOmniTools runs entirely within the browser's local sandbox using native browser APIs:

🔐 Security & Cryptography
Tool Browser API Used
AES-256-GCM Encrypt/Decrypt SubtleCrypto (Web Crypto API)
Bcrypt Hash Generator Client-side WASM bcrypt
JWT Decoder & Inspector Local Base64 parsing
SHA-256 / SHA-512 Hashing SubtleCrypto.digest()
HMAC Generator SubtleCrypto.sign()
Not a single byte of your keys, tokens, or hashes reaches our servers. Because we don't have any.

💻 Data & Schema Converters
SQL Formatter (PostgreSQL, MySQL, SQLite, IBM Db2) — Client-side AST parser
JSON ↔ YAML ↔ XML — In-browser bidirectional parsers
JSON to TypeScript — Recursive interface inference, all local
SQL to JSON/CSV — Multi-row INSERT parser, no backend
🎨 Design & Vector Tools
SVG to PNG Rasterizer — HTML5 Canvas with up to 8K print quality
CSS Glassmorphism Generator — Pure visual builder
CSS Flexbox Playground — Interactive drag stage, exports Tailwind tokens
Color Contrast Checker — WCAG AAA / APCA compliance, all local
🛠️ Why Astro? The Performance Decision
When I chose the framework for this project, the requirements were clear:

Zero unnecessary JavaScript for non-interactive pages
Sub-100ms Time to Interactive for tool pages
Static HTML output for maximum CDN cacheability
Astro delivers all three. It generates pure static HTML at build time and ships zero JavaScript to pages that don't need it. For tool pages, only the minimum interactive script ships — no framework runtime overhead.

Framework: Astro 7 (Static Site Generation)
Styling: Tailwind CSS 4
Computation: Web Workers (heavy tasks off main thread)
Crypto: SubtleCrypto (Web Crypto API)
Testing: Vitest — 440+ unit tests
Hosting: Cloudflare Pages (global edge network)
The result: tools that respond in milliseconds, not seconds.

🌍 Multilingual From Day One
Developer tools are used globally. DevOmniTools launched with 4 complete locales:

🇺🇸 English → devomnitools.com/en/
🇸🇦 Arabic (RTL) → devomnitools.com/ar/
🇪🇸 Spanish → devomnitools.com/es/
🇩🇪 German → devomnitools.com/de/
Every tool — its UI, meta descriptions, error messages, and SEO tags — is fully translated. Not just the landing pages, but the actual utility interfaces themselves.

Building RTL (Right-to-Left) support properly in Astro was one of the most interesting challenges. Arabic layout flipping for a complex multi-panel tool UI requires careful CSS logical properties usage throughout.

✅ Quality: 440+ Automated Tests
Before any tool ships, it must pass its full test suite.

With 56 tools across 4 locales, that's a lot of surface area for edge cases. Vitest runs the full suite on every commit, covering:

Parser accuracy (malformed JSON, nested YAML, multi-dialect SQL)
Crypto correctness (known-good vectors for AES, SHA, HMAC)
Unicode handling (Arabic, German umlauts, special characters)
Edge inputs (empty strings, deeply nested structures, large files)
442 tests. 442 passed. Every time.

🚀 What's Live Right Now
56+ production tools across these categories:

Security & Cryptography: AES-256-GCM, Bcrypt, JWT Decoder, SHA Hashing, HMAC, Password Entropy Tester, CSP Builder, X.509 Certificate Decoder, JWT Signature Verifier

Data & Code: JSON Formatter, YAML↔JSON, SQL Formatter, XML Inspector, JSON→TypeScript, SQL→JSON/CSV, Markdown→HTML, Markdown Table Generator, Code Minifier, Base64 Encoder/Decoder

Design & Visual: QR Code Generator, SVG Rasterizer, Flexbox Playground, Glassmorphism Generator, Clip-Path Generator, Color Contrast Checker, Color Converter

DevOps & Infra: Cron Builder, Docker Compose Generator, Docker Run→Compose Converter, Docker Compose→K8s Converter, Regex Tester

Generators & Calculators: UUID Generator, Loan EMI Calculator, Unix Timestamp Converter, Prompt Token Counter

💬 I'd Love Your Feedback
The platform is completely free and open for the community:

🔗 Live Site: https://devomnitools.com ⭐ Community Repo: github.com/contactumairrana/omnitools-community

A few questions for the community:

Which utility do you reach for most often in your daily workflow?
Any tool or format converter you wish existed but can't find a trustworthy client-side version of?
RTL developers — what specific challenges have you faced with developer tools lacking Arabic/RTL support?
Drop your answers below! Every piece of feedback directly shapes the next tool that gets built. 🚀

Built with Astro, deployed on Cloudflare Pages, tested with Vitest. No backend. No tracking. No cookies. Just tools.

Top comments (0)