Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JSON Formatter

Minimal web app to format, validate and minify JSON instantly. No signup. No API. Just paste and format.


Live Demo

https://json-formatter-amber.vercel.app/


Features

  • Instant formatting – pretty-print JSON with 2-space indentation
  • Minify – collapse JSON into a single line
  • Syntax highlighting – color-coded keys, strings, numbers, booleans, and nulls
  • Live validation – real-time Valid / Invalid status as you type
  • Live stats – line count and character count
  • Copy output – copy formatted or minified JSON to clipboard
  • Keyboard shortcut⌘ ↵ to format instantly
  • Tab support – use Tab key to indent inside the editor
  • Example JSON – load sample data to get started
  • Clear – reset editor and output instantly
  • Clean, responsive, Apple-inspired dark UI
  • No authentication
  • No ads
  • No watermarks

Tech Stack

  • React (Vite)
  • Vanilla CSS (Apple-inspired UI)
  • Vercel (static deploy)

How It Works

  1. Paste your JSON into the editor on the left
  2. Click Format or press ⌘ ↵ to pretty-print
  3. Click Minify to collapse into a single line
  4. Copy the output with one click

Everything is processed client-side. Nothing is uploaded.


Privacy

All processing happens locally in your browser. No data is sent to any server.


Installation

# Clone the repo
git clone https://github.com/berkinyilmaz/json-formatter.git

# Install dependencies
cd json-formatter
npm install

# Run locally
npm run dev

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages