The Story Behind {JsonLens}

The Privacy Crisis in Developer Tools

Every day, software engineers handle confidential payloads—such as authorization tokens, enterprise database exports, production API responses, and customer PII—pasting them into online formatters and validators. Most popular web-based formatters silently transmit this sensitive data to backend cloud servers for logging, remote parsing, and third-party advertising analytics.

Furthermore, when dealing with multi-megabyte payloads, traditional formatters freeze, crash browser tabs, or clutter the screen with distracting ads.

{JsonLens} was engineered to solve this problem with an uncompromising invariant: zero data collection and zero server transmission. Every single algorithm—syntax auto-repair, recursive tree traversal, TypeScript and multi-language type synthesis, and side-by-side AST diffing—executes 100% inside your local browser memory sandbox.

Core Engineering Features

One-Click Syntax Auto-Repair

Instantly fixes unquoted keys, single quotes, trailing commas, Python booleans (True/False/None), and unescaped quotes with intelligent AST recovery.

Interactive AST Tree & JSONPath

Recursively navigate deep hierarchies with automatic type badges, child counts, search auto-expansion, and 1-click JSONPath queries (e.g. $.users[0].id).

12-Language Type & Schema Generator

Synthesizes production-ready models in TypeScript, Zod, Go, Python (TypedDict), Rust, Kotlin, Java, C#, Swift, Dart, PHP, and JSON Schema Draft 7.

Semantic Visual AST Diff

Side-by-side structural comparison that categorizes additions, removals, and modifications with color-coded markers, change counters, and swap controls.

Zero-Server URL Sharing & QR Codes

Compresses payloads using LZ-String into URL hash fragments (#d=...). Never touches a server. Includes zoomable interactive QR code preview and 512px PNG download.

Multi-Format Export & Local Persistence

Export formatted JSON, PDF diagnostic reports, flattened CSV spreadsheets, and TypeScript definition files in 1 click. Work auto-persists in local storage.

Desktop-Grade Architecture & Performance

Angular 22 Signals & Zoneless Reactivity:

Direct fine-grained reactivity ensures zero unnecessary change detection overhead, maximum frame rates, and instantaneous UI response.

Off-Thread Multi-Task Web Worker:

Dedicated background web workers process heavy syntax repairs, large file diffs, and complex parsing off the main UI thread—preventing any stutter or frame drops.

Monaco Editor Virtualization:

Powered by the industry-standard VS Code editor engine, rendering only visible lines in the viewport and supporting massive JSON files effortlessly.

GPU-Accelerated Circular Ripple Theme Transitions:

Native View Transitions API with circular expansion radiating from the toggle button, delivering zero layout thrashing on theme switch.

Frequently Asked Questions

Everything you need to know about JsonLens privacy, performance, and architecture.

Every single operation—parsing, formatting, syntax auto-repair, tree AST construction, 12-language type generation, and side-by-side AST diffing—runs strictly inside your local browser memory sandbox. Not a single byte of your confidential payloads, bearer tokens, customer records, or database dumps is ever transmitted to remote cloud servers or collected by analytics.

👨‍💻 Meet the Creator
Shawon Talukder
Software Engineer at Green Delta Insurance PLC

Shawon Talukder

Passionate software engineer and open-source craftsman crafting lightning-fast, privacy-first web tools. Focused on modern Angular Signals architecture, client-side performance, and ergonomic developer experiences. Built JsonLens to solve the daily privacy and latency crisis in developer workspaces—giving engineers a 100% in-browser, zero-telemetry suite to format, auto-repair, diff, and generate types without risking proprietary enterprise payloads.

📱 Open Source & Released Apps

A portfolio of privacy-first, offline-ready open-source applications built with modern software architecture.

FundFlow

Android App
Android / Kotlin / Jetpack Compose / Offline-First

A modern, privacy-focused and offline-first personal finance manager for Android, designed around flexible budget cycles instead of rigid calendar months.

Key Highlights:
  • Custom budget cycles & flexible periods
  • Spending analytics and visual insights
  • Offline-first architecture with zero ads or tracking
  • Local backup & optional Google Drive sync
  • Light, Dark, and System theme support
  • Smart in-app updates directly from GitHub Releases
  • Android 8.0+ support

ScreenLocker

Android Utility
Android / Kotlin / Accessibility API

A lightweight and privacy-focused Android application that lets users lock their device screen with a single tap, keeping the experience minimal and offline.

Key Highlights:
  • Native Android application built with Kotlin
  • Android Accessibility API integration
  • Zero internet access required
  • No ads, no analytics, no background tracking
  • Privacy-focused and ultra-minimal by design
  • Android 9.0+ support

JsonLens

Web App
Angular 22 / Monaco / Web Workers / TypeScript

Zero-latency, 100% in-browser JSON developer suite, visual AST diffing, syntax auto-repair, and 12-language type synthesis.

Key Highlights:
  • 100% Client-side sandbox with zero telemetry
  • Monaco Editor GPU virtualization & Web Workers
  • Interactive AST Tree & 1-click JSONPath queries
  • 12-language type generation (Zod, Go, Rust, etc.)
  • Zero-server compressed URL sharing & QR code lightbox
  • Local storage persistence across browser reloads

Get in Touch with Shawon

Have a feature suggestion, partnership inquiry, or found a bug? Send a message directly.