Skip to content

About

A browser-based JSON formatter that parses, pretty-prints, minifies, validates, and converts your JSON to XML, CSV, or YAML. Paste your data, get results in one click, share via URL.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Json Formatter

A browser-based JSON formatter that parses, pretty-prints, minifies, validates, and converts your JSON to XML, CSV, or YAML. Paste your data, get results in one click, share via URL.

Json Formatter

Designed For

  • Developers debugging API responses and config files.
  • Building internal tooling for engineering teams.
  • Converting JSON payloads across data formats.
  • Sharing structured data without third-party accounts.

Features & capabilities

  • Pretty-print formatting: Re-prints JSON from the token stream at 2, 3, or 4-space indent. Preserves 64-bit integers verbatim so numeric precision is never silently lost.
  • One-click minification: Strips all whitespace and shows a live byte-reduction stat so you know exactly how much smaller the output is before you copy it.
  • Caret-style validation: Parses your JSON and pinpoints errors with line, column, and expected-token detail. Click "Jump to line" and the editor scrolls to the problem.
  • XML, CSV, and YAML conversion: Switch tabs to convert JSON into XML, YAML, or CSV without installing separate tools. Download each format with the correct file extension.
  • URL-hash document sharing: Compresses the document into the URL with lz-string. Send the link and the recipient sees the exact JSON, no account or backend required.
  • localStorage autosave: Every keystroke saves your document to the browser. Close the tab, come back later, and your work is exactly where you left it.
  • File upload and download: Upload a local JSON file via drag or file picker. Download any output tab as .json, .xml, .csv, .yaml, or .txt with deterministic filenames.
  • CodeMirror 6 editor: Full syntax highlighting, line numbers, bracket matching, and undo history powered by CodeMirror 6. Feels like a real IDE, runs in the browser.
  • Client-only privacy: No data leaves your browser. No server, no analytics, no tracking. The tool runs entirely on the client with zero network requests at runtime.

About Json Formatter

Debugging API Responses

Paste a raw API response into the editor and click Format to see the structure clearly. When something looks wrong, hit Validate: the Problems tab shows you the exact line, column, and expected token. Click "Jump to line" and the editor scrolls right to the error. You go from "something broke" to "found it" in seconds, not minutes.

Preparing Config Files

Teams passing JSON configs between services need consistent formatting. Set your indent width, click Format, and download the result. The token-stream re-printer preserves 64-bit integers verbatim, so numeric precision is never silently lost. Hand the file to a colleague or commit it to version control with confidence.

Converting Between Data Formats

Switch to the XML, YAML, or CSV tab to convert your JSON without installing a separate tool. CSV flattens arrays of objects into rows with dot-notation headers. YAML and XML conversions handle escaping and quoting automatically. Download the output with the correct file extension and move on.

Sharing JSON Snippets With Your Team

Click Share and the entire document compresses into the URL. Send that link in Slack, paste it in a GitHub issue, or bookmark it. The recipient opens it and sees the exact document you shared, no account required. For documents over 50 KB encoded, the tool tells you to download instead.

Updates

Offline Pre-caching

  • Enable zero-network operation: since all JSON parsing, validation, formatting, minification, and conversions (CSV, XML, YAML) run client-side, the entire tool suite will work seamlessly without an internet connection.

Offline UX & Connectivity Detection

  • Added a real-time network listener for showing an "Offline mode" status badge when disconnected and prompt when back online.
  • Persist editor drafts and settings to local storage so work is preserved when opening or reloading the app offline.

Added install and offline info to Terms, Privacy, FAQs and Docs

  • Docs page: Add an Offline & PWA guide covering standalone installation on desktop and mobile (Chrome, Edge, Safari iOS, Android), how the service worker pre-caches assets, and how offline validation, formatting, and conversions work without an internet connection.
  • FAQs page: Add dedicated Q&As addressing offline availability, how to install as a standalone desktop or home screen app, and how local data persistence behaves without connectivity.
  • Privacy page: Add a PWA & Offline Cache section detailing how the Cache API and Service Worker store app assets on-device, confirming zero offline telemetry, tracking, or background syncing.
  • Terms page: Add a clause covering standalone PWA installation, offline availability, and local cache lifecycle.

Development

Prefer working locally? You need Node.js and npm — install with nvm.

git clone <this-repository-url>
cd <repository-name>
npm i
npm run dev

About

A browser-based JSON formatter that parses, pretty-prints, minifies, validates, and converts your JSON to XML, CSV, or YAML. Paste your data, get results in one click, share via URL.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages