{ JQLens }

A lightweight developer tool to parse, unwrap and format messy JSON — including stringified and deeply nested JSON strings.

Features

• Auto Format — processes input on every keystroke
• Format Nested — recursively unwraps JSON strings embedded inside object values
• Flexible input — accepts valid JSON, stringified JSON, single-quoted JSON, and backtick-wrapped strings
• Copy Output — one-click copy of the formatted result
• Persistent state — toggles and input are saved to localStorage
• Side-by-side Monaco editors with a custom dark theme

Supported input formats

Normal JSON

{"name":"Leo","age":30}

Stringified JSON

'{"name":"Leo","age":30}'

Nested stringified JSON (with Format Nested enabled)

{
  "meta": "{\"env\":\"prod\",\"region\":\"us-east-1\"}"
}

Single-quote JSON syntax

{'name': 'Leo', 'age': 30}

Tech stack

• Vite + React + TypeScript
• @monaco-editor/react
• pnpm

Getting started

pnpm install
pnpm dev

Then open http://localhost:5173.

Build

pnpm build