Format, Inspect & Repair
JSON Locally

Turn raw JSON responses and local files into a searchable, foldable developer workspace. Query paths, validate schemas, repair messy data, compare changes, visualize structure as diagrams, generate typed code, and export the result locally. The same viewer also handles JavaScript, Markdown, XML, YAML, TOML, CSS, and feeds without leaving the browser.

Built for JSON payloads, Markdown docs, CDN bundles, XML feeds, YAML and TOML configs, and local file:// documents.

πŸ“„ Supported Code Formats

JavaScript .js .mjs .cjs TypeScript .ts .mts .cts Markdown .md .markdown JSON .json .jsonc .jsonl .ndjson TOML .toml CSS .css YAML .yaml .yml XML .xml RSS/Atom .rss .atom CSV .csv App only HTML .html .htm App only

The extension detects supported files by URL and HTTP content type. The Windows app adds CSV and HTML plus native local-file workflows.

🌐 14 Interface Languages

English Norwegian Swedish Danish German French Spanish Italian Portuguese Russian Chinese Japanese Korean Vietnamese

Keep the UI on auto-detect or choose your preferred language, theme, and file-type behavior from settings.

πŸ“Ί See It In Action

Features

Built For Real Debugging Work

Move from raw response to useful insight in seconds with tools designed for inspection, generation, comparison, and cleanup.

Local-only

Turn JSON Samples Into Production-Ready Code

Paste a JSON sample once and generate clean typed models or a schema without creating an account, installing another converter, or uploading the payload anywhere.

  • Eleven targets: TypeScript, Zod, C#, Java, Kotlin, Python/Pydantic, Go, Rust, Swift, Dart, and JSON Schema
  • Uses every record in a sample array to distinguish required, optional, and nullable fields
  • Creates nested models, safe identifiers, and exact JSON field-name mappings automatically
  • Adjust the root name and package or namespace, then copy, export, or open the result as a document
πŸš€

Open It And Start Reading

CodePrettify recognizes supported raw-code resources and turns them into a usable workspace immediately.

  • Detects supported resources by URL and HTTP content type
  • Supports JavaScript, TypeScript, Markdown, JSON, JSON with Comments (JSONC), JSONL, TOML, CSS, YAML, XML, and RSS/Atom feeds
  • Intelligent minification detection formats dense files automatically
  • Switch between original, formatted, minified, and raw views with a clear two-state Rendered/Raw toggle — no clumsy page refresh
πŸ›‘οΈ

Spot Problems Faster

See what is wrong with the document and what came back from the server in the same place.

  • JSON syntax errors include exact line references
  • Line-accurate validation for JavaScript, TypeScript, CSS, multi-document YAML, XML, and spec-accurate TOML provides instant feedback
  • JSON Schema Validator checks the document against a pasted schema entirely on-device, with a JSON path and line link for every violation
  • Statistics & Diagnostics surfaces syntax status, warnings, request metadata, and file-type-specific insights in one place
  • Request details include the resource URL, content type, encoding, size details, and timing hints when available
  • Document metrics surface file size, line count, and format-specific structure details
  • Security Scan flags hardcoded secrets — API keys, tokens, JWTs, private keys, and connection strings with embedded credentials — and extracts the URLs and endpoints hidden inside a script bundle, entirely on your machine
πŸ“‚

Inspect Structured Data Without Friction

Query, decode, and inspect large structured payloads without losing your place.

  • Collapsible arrays and objects for easy navigation
  • JSON path inspector and query tools with autocomplete, validation, and copy actions
  • Table View renders JSON arrays and XML or RSS data as sortable, searchable tables
  • Clickable URLs, timestamp tooltips, and inline decode helpers speed up inspection
  • Base64 and JWT decoding opens a dedicated read-only modal for safer analysis
πŸ—ΊοΈ
New · Local-only

See the Document as a Diagram

The Diagram Generator turns JSON, JSON Lines, YAML, TOML, and XML/RSS documents — plus CSV in the Windows app — into a zoomable map of connected field cards, entirely on your machine.

  • Search across cards and fields with match highlighting and one-keystroke navigation between hits
  • Click any field to inspect its full value and document path, each one click from the clipboard
  • Limit the scene to two, three, or four levels, or collapse and expand every branch at once
  • Export the same scene as SVG, PNG, or a Mermaid class diagram for wikis and issue trackers
🧭

Navigate, Compare & Export

Move through large documents, compare revisions, copy the right variant, and export the exact format you need.

  • Document Navigator and syntax-aware code minimap make long files easy to scan and jump through
  • Full-screen side-by-side diff (Ctrl+Alt+D) with synchronized scrolling, line stats, and swap sides — plus a Semantic mode that compares the data structure itself, so reformatting or reordering keys no longer shows up as noise
  • Built-in Data Converter tabs for SHA-256/384/512 and HMAC, Unix/ISO timestamp conversion, and secure UUID v4, UUID v7, or ULID generation
  • Advanced search with regex (/pattern/flags), result counting, and Go To Line (Ctrl+G)
  • Command Palette (Ctrl+Shift+P) to fuzzy-find and run any viewer action from the keyboard
  • Copy original, formatted, or minified code; use the offline Data Converter for structured formats, Base64 or URL encoding, hashes and HMACs, timestamps, UUIDs, and ULIDs; export as CSV, HTML table, or PNG image; or download the open document converted to JSON, YAML, or TOML
  • Generate copy-ready cURL, fetch(), and PowerShell commands and share a view-state URL with teammates
πŸ§ͺ

Run JavaScript Right There

A sandboxed Playground modal lets you prototype, debug, and poke at the file you are looking at without ever leaving the tab.

  • Runs code in an isolated Web Worker with configurable 1 / 5 / 15 second timeouts and top-level await
  • Captures console.log, info, warn, error, debug, and console.table (rendered as a real HTML table)
  • Optional “Include filename” mode brings the current file into scope so you can call its top-level functions — Safe definitions mode loads them without running the file's side effects
  • JSON and JSON Lines documents arrive as a ready-made json variable, so you can query the open payload with plain JavaScript
  • Inspect Runtime (Ctrl+Alt+I) runs the file once and lists every top-level declaration with its captured value, inline annotations, and jump-to-line
  • Autocomplete for functions, methods, classes, and variables with parameter signatures
  • Code, timeout, and preferences autosave so you can return to your scratchpad from any page
πŸ”’

Fits Your Workflow And Stays Local

Your code stays on your machine, and the viewer adapts to how you work.

  • Formatting, validation, conversion, JSON-to-code generation, inspection, and playground tools run client-side
  • Only an HTTP request you explicitly send from the HTTP Client leaves your device; CodePrettify does not proxy it
  • Playground code runs in a null-origin sandbox iframe and a fresh Web Worker per execution — no access to the host page, the extension, or the network
  • Choose Light, Dark, or Auto theme and override the UI language when needed
  • Adjust line numbers, word wrap, toolbar, and minimap — and, from the File Types settings, choose which file types the extension runs on and whether each opens Rendered or Raw by default
πŸͺŸ

A Real Windows App, Not a Wrapper

The Microsoft Store app brings the same toolkit to local files with native ergonomics on x64 and Arm64.

  • Multi-file tabs with drag and drop, file associations, an Explorer context menu, and command-line opening
  • Paste & Prettify (Ctrl+N) detects the format of whatever is on the clipboard
  • Save in place or Save As with encoding and line-ending preservation and atomic writes
  • A paged native viewer keeps very large files responsive, and checkpointed sessions survive restarts and crashes
  • Adds CSV and HTML support plus a native Tools menu mirroring the in-page tools
Efficiency

⌨️ Keyboard Shortcuts

Master CodePrettify with these quick commands

Ctrl + B Toggle Raw/Pretty
Ctrl + Alt + C Copy to Clipboard
Ctrl + F Open Search
Ctrl + G Go to Line
Ctrl + Shift + P Command Palette
Ctrl + Alt + D Compare / Diff View
Ctrl + Alt + P JavaScript Playground
Ctrl + Alt + I Inspect Runtime
Ctrl + Alt + T Toggle Toolbar
Ctrl + Alt + R Regex Playground
Ctrl + Enter Run Playground Code
Ctrl + Space Force Autocomplete
πŸ“

Note for Local Files

To open local files in place (e.g., file:///C:/code/data.json), you must enable "Allow access to file URLs" in your browser's extension management page, such as chrome://extensions or edge://extensions. Or open any supported file with no permission at all by dragging it onto — or picking it from — the upload field on the extension's launcher and welcome pages.

Privacy & Access

Why The Extension Needs Page Access

CodePrettify reads supported raw-code pages in the current tab so it can format, validate, compare, search, and export the file you are already viewing. That handling stays local in your browser and is limited to the user-facing features described on this site, in the product UI, and in the browser extension marketplace listings.

What it uses

Supported page content, the resource URL, browser-reported content type, character encoding, response-size hints, timing hints, and local settings.

What it does not do

It does not send your file contents to FixQuotes, sell browsing data, inject ads, or read request headers, response headers, cookies, or request bodies.

Rare network retry

If a JavaScript file looks incorrectly decoded with a legacy charset, CodePrettify may re-request the same URL directly from the site you are on to recover valid UTF-8 text.

Full details are in the privacy policy.