DEV Community

Muhammad Umair | DevOmniTools
Muhammad Umair | DevOmniTools

Posted on

Why I built 56+ Developer Tools that run 100% Client-Side (Zero Server Logs)

#javascript #webdev #opensource #showdev

Every developer uses online utilities daily: JSON formatters, JWT decoders, SQL beautifiers, regex testers, and base64 encoders.

However, a serious issue persists across most popular utility sites: your data gets sent to a remote backend server.

Whether it's an authorization bearer token, a proprietary database schema, or client configuration secrets, pasting sensitive data into third-party web tools is an unnecessary security hazard.

That is why I set out to build DevOmniTools — a comprehensive suite of 56+ developer tools where zero bytes of sensitive data leave your browser.

🛠️ The Architecture: 100% In-Browser Execution

To ensure absolute privacy and sub-millisecond responsiveness, every tool relies entirely on local browser primitives:

  1. Security & Cryptography:

    • JWT Inspector: Decodes headers and claims instantly in the client sandbox with a live token expiration countdown timer.
    • AES-256-GCM & Bcrypt: Uses the native SubtleCrypto (Web Crypto API) and client-side salt hashing.
    • Hashing: MD5, SHA-1, SHA-256, and SHA-512 calculated locally via Web Workers.

  2. Data & Schema Conversions:

    • SQL Formatter & Converters: Multi-dialect SQL formatter (PostgreSQL, MySQL, SQLite, Db2) and SQL-to-JSON/CSV converters that run entirely via client-side AST parsers.
    • JSON / YAML / XML: Real-time bi-directional syntax validators and converters.

  3. Design & Vector Suite:

    • SVG to Vector Rasterizer: High-multiplier (up to 8K print quality) rendering using HTML5 Canvas sandboxes.
    • CSS Glassmorphism & Flexbox Playground: Live interactive stage exporting pure CSS and Tailwind tokens.

⚡ Tech Stack & Performance Decisions

  • Framework: Astro — generates pure static HTML with zero unnecessary runtime JavaScript overhead for non-interactive content.
  • Styling: Modern Tailwind CSS with dark-mode first contrast.
  • Client Execution: Web Workers for heavy computational jobs (encryption/large file parsing) to keep the main thread fluid at 60 FPS.
  • Testing: 440+ automated unit tests powered by Vitest to guarantee parser accuracy.

🌐 Community & Open Source

We also maintain an open community repository where developers can contribute new tool ideas or inspect the ecosystem architecture:
👉 GitHub Community Repository

Check out the live platform here:
👉 https://devomnitools.com

I'd love your feedback:

  • Which utility tool do you find yourself needing most frequently in your daily workflow?
  • Any specific tool or format you'd like to see added next?

Drop your thoughts and feature requests below! 🚀

Top comments (0)