JSON Viewer

Parse and pretty-print JSON as a colorized, indented tree directly in the page. Each value type gets its own color: object keys and null in purple, booleans in blue, numbers in green, strings in orange, and braces, brackets, and commas in gray. The viewer reports the native JSON.parse error when input is invalid.

1. Paste JSON into the input textarea. 2. Click Parse. 3. The rendered tree appears in a scrollable result panel, with nested levels indented by 10 px per depth.

Objects render as { key: value, ... } with quoted purple keys and gray braces; arrays render as [ item, item ] with gray brackets. Each nesting level adds 10 px of left margin for visual indentation. Strings are shown with surrounding double quotes in orange, numbers in green, booleans in blue, and null in purple. Commas between items are drawn in gray. The tree is static (no collapse/expand); use it for inspecting small to medium documents.