Building UtilityFlow.in: 20 Privacy-First Browser Utilities in a Single Zero-Server App

Every developer has been there: you just need to quickly format a JSON payload, check a code diff, validate an international IBAN, or merge two images into a PDF. You search Google, click the first result, and get hit with cookie banners, "Upload to our cloud server" spinners, or a "Sign up for Pro" paywall.

I wanted a single, lightning-fast workspace that felt like a native desktop OS and executed everything 100% client-side.

👉 Try it live here: https://utilityflow.in

🛠️ What's Inside the 20-Tool Ecosystem?

1. PDF & Document Command Suite: Merge images to PDF, convert text briefs to PDF, and inspect PDF metadata locally using jsPDF and FileReader.
2. Global IBAN & Bank Branch Inspector: Runs official ISO-13616 MOD-97 checksum validation and extracts bank names, branch addresses, and BIC/SWIFT codes.
3. Color-Coded Split Code Diff: Side-by-side comparison with word-level deletion (red) and addition (green) highlighting.
4. Unified HTML5/CSS3/JS Sandbox: A single-window playground with instant iframe sandboxing and 1-click .html file export.
5. Dual-Chart Wealth & Loan Engine: Synchronized sliders and Chart.js visualizations for compound wealth and EMI amortization.
6. Cryptographic Token & Password Studios: Powered by the browser's native window.crypto.getRandomValues() CSPRNG for true entropy.
7. Image Compression Studio: Hardware-accelerated HTML5 Canvas compression that shrinks images by up to 80% in milliseconds.

⚡ The Tech Stack

• UI & Styling: Tailwind CSS with a custom Bento-grid layout and instant Light/Dark mode.
• Core Engine: Vanilla JavaScript (ES6+) for zero framework overhead and instant load times.
• Libraries: Chart.js for financial telemetry and jsPDF for local document compilation.

Check it out at UtilityFlow.in and let me know in the comments what utility I should add next!