JSON Formatter

Format and beautify your JSON data

JSON Input

{
  "blog": {
    "posts": [
      {
        "id": "post-1",
        "title": "Testing Contracts with Pact",
        "author": "Marcus Lee",
        "publishedAt": "2026-03-12",
        "tags": [
          "performance",
          "typescript",
          "guide"
        ],
        "comments": 28,
        "likes": 65
      },
      {
        "id": "post-2",
        "title": "Caching Without Tears",
        "author": "Nora Kim",
        "publishedAt": "2026-06-11",
        "tags": [
          "edge",
          "typescript",
          "guide"
        ],
        "comments": 10,
        "likes": 73
      }
    ],
    "analytics": {
      "totalViews": 3005,
      "uniqueVisitors": 462
    }
  },
  "users": [
    {
      "id": "user-1",
      "name": "Liang",
      "role": "maintainer",
      "email": "liang@signal.build"
    },
    {
      "id": "user-2",
      "name": "Mateo",
      "role": "editor",
      "email": "mateo@rustic.app"
    },
    {
      "id": "user-3",
      "name": "Ravi",
      "role": "analyst",
      "email": "ravi@northwind.dev"
    }
  ],
  "settings": {
    "theme": "dark",
    "notifications": false,
    "language": "de"
  }
}

Formatted Output

{
  "blog": {
    "posts": [
      {
        "id": "post-1",
        "title": "Testing Contracts with Pact",
        "author": "Marcus Lee",
        "publishedAt": "2026-03-12",
        "tags": [
          "performance",
          "typescript",
          "guide"
        ],
        "comments": 28,
        "likes": 65
      },
      {
        "id": "post-2",
        "title": "Caching Without Tears",
        "author": "Nora Kim",
        "publishedAt": "2026-06-11",
        "tags": [
          "edge",
          "typescript",
          "guide"
        ],
        "comments": 10,
        "likes": 73
      }
    ],
    "analytics": {
      "totalViews": 3005,
      "uniqueVisitors": 462
    }
  },
  "users": [
    {
      "id": "user-1",
      "name": "Liang",
      "role": "maintainer",
      "email": "liang@signal.build"
    },
    {
      "id": "user-2",
      "name": "Mateo",
      "role": "editor",
      "email": "mateo@rustic.app"
    },
    {
      "id": "user-3",
      "name": "Ravi",
      "role": "analyst",
      "email": "ravi@northwind.dev"
    }
  ],
  "settings": {
    "theme": "dark",
    "notifications": false,
    "language": "de"
  }
}