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.
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.
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
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
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.