In development2026Design & build — solo

JSON Lint & Formatter

A developer tool that makes working with JSON effortless — paste anything and instantly see whether it's valid, format or minify it, and jump straight to any error.

Next.js (App Router)TypeScriptTailwind CSSFramer MotionPure tested engine
Visit live site
The editor — live validation, gutter & stats
// the problem

“JSON formatter / validator” is one of the most-used developer searches, yet the popular tools are ad-cluttered, slow, and — worse — quietly upload your data to a server to validate it. And almost all of them point you at the wrong place when JSON is broken: modern browsers report the most common mistakes (a trailing comma, a missing value) with no position at all, so these tools just say “error on line 1”. There was room for a fast, private, genuinely accurate version.

// the approach

I built the engine as a pure, unit-tested module: parse, format, minify, deep key-sort and structure stats, with zero dependencies. The hard part was error location — modern V8 reports common errors as “Unexpected token … snippet …” with no line number, so I wrote a recovery step that reconstructs the exact offset from the engine's snippet. The result is a single-screen editor with a line gutter, live validation as you type, and a clickable error banner that drops your cursor right on the problem. Everything runs client-side, so nothing you paste ever leaves your machine. I stress-tested it against classic JSON gotchas and round-tripped nearly 800 real-world JSON files from open-source projects with zero mismatches.

// highlights
  • Live validation with a clear valid / invalid status as you type
  • Pinpoint errors — exact line & column, click to jump the cursor straight there
  • Format (2 / 4 / tab indent), minify, and deep alphabetical key-sort
  • Live structure stats — size, lines, objects, arrays, keys and nesting depth
  • Copy, download, ⌘/Ctrl-S to format, and a ?sample= deep link
  • Recovers error positions modern browsers omit — accurate where others fail
  • 100% private — runs entirely in your browser, nothing uploaded
// gallery
Responsive on mobile
Responsive on mobile
Full page — editor & feature overview
Full page — editor & feature overview

Like what you see? Let's build something together.