JSON

JSON Code Screenshot Generator

Turn JSON snippets into images worth sharing, without leaving your Mac.

JSON is the most common thing people paste into a chat and the worst thing to paste, because indentation is the only structure it has.

Codeshot detects JSON from the code you paste, so there is no language picker to get wrong. Here is the same snippet in three of the 30 themes it ships with, rendered with the app's own stylesheets.

{
  "theme": "xcode",
  "variant": "dark",
  "aspectRatio": { "width": 16, "height": 9 },
  "exportScale": 2,
  "background": { "wallpaper": "Tahoe Dark" }
}
Edge · dark
{
  "theme": "xcode",
  "variant": "dark",
  "aspectRatio": { "width": 16, "height": 9 },
  "exportScale": 2,
  "background": { "wallpaper": "Tahoe Dark" }
}
GitHub · dark
{
  "theme": "xcode",
  "variant": "dark",
  "aspectRatio": { "width": 16, "height": 9 },
  "exportScale": 2,
  "background": { "wallpaper": "Tahoe Dark" }
}
Tokyo Night · dark

Choosing a theme for JSON

Format it before you screenshot. An unformatted JSON payload is unreadable as an image in a way it is not as text, since nobody can run it through a formatter.

Getting the size right

Let the image follow your content, or lock it to a ratio — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, or 3:4 — then export at 1×, 2×, or 3× so it stays sharp on a retina display. Copy it straight to the clipboard with C, or save with S.

See all 30 themes side by side, or read the full workflow.

Built for JSON, and 59 other languages

Everything runs on your Mac. Your code never leaves it.

Download for macOS