Code Screenshot Generator

How to use it

1. Paste the snippet in the editor. Up to 20,000 characters and 400 lines are drawn; tabs become two spaces first.
2. Pick the language and theme. Every theme keeps every token color at a 4.5:1 contrast ratio or better against its background, so the image stays readable where it lands.
3. Shape the window: chrome bar with three dots, an optional title up to 60 characters, line numbers, padding 16–128 px, font size 12–20 px, corner radius up to 24 px.
4. Export. Download PNG rasters the image at 1× or 2× on this device; Download SVG hands over the exact vector document, byte for byte; Copy SVG puts that markup on the clipboard.

Paste a snippet, pick one of 12 languages and 6 themes, and download a crisp PNG or SVG of it — window chrome, line numbers and padding included. Everything renders on this device: the highlighter, the SVG and the PNG raster are all local, and your code never leaves the device. Carbon's repository has been quiet since December 2024; this page is the maintained, private alternative.

How it works

The highlighter is a fast built-in highlighter covering keywords, strings, comments and numbers for 12 languages — not a full grammar engine like TextMate; unknown code stays readable plain. Each language is an ordered list of rules tried at the current position only, so hostile input cannot make it backtrack — a wall-clock test holds it to a time budget.

Layout never measures text. In a monospace font every character advances the same distance — the CSS ch unit is defined as the advance of the digit zero — so width is character count × font size × 0.60, the advance ratio of the house monospace faces. The same input and options therefore always produce the same bytes.

The SVG names a font stack but never embeds or fetches a font, so it is rendered with the viewer's monospace font — SVG opened elsewhere may shift slightly; PNG export freezes this device's rendering.

Examples

function greet(name) {
  // wave first
  return `hi, ${name}!`;
}

291 × 184 px · 4 lines · svg sha-256 16b398a882e7

SELECT id, email
FROM users
WHERE created_at >= '2026-01-01'
ORDER BY created_at DESC
LIMIT 20;

356 × 168 px · 5 lines · svg sha-256 a6efd4e43e01

def fib(n: int) -> int:
    # iterative
    a, b = 0, 1
    for _ in range(n):
        a, b = b, a + b
    return a

568 × 480 px · 6 lines · svg sha-256 6b2385a06af1

Every example on this page is executed against the same engine that powers the tool, on every build.

Common errors

the code is 20,001 characters — this tool's limit is 20,000 characters

The refusal prints the length actually submitted next to the cap, so it is clear how much has to go; the 400-line ceiling reads the same way.

`scala` is not one of this tool's languages — expected one of plain, javascript, typescript, json, html, css, python, go, rust, sql, bash, yaml

A language outside the curated twelve is refused with the full accepted list rather than silently downgraded. For anything else, choose plain — uncolored but exact.

Keyboard shortcuts

⌘/Ctrl + C

Copy the SVG markup while focus is in the tool and no text is selected; a real selection copies itself.

⌘/Ctrl + Shift + C

Copy the SVG markup even while a text selection exists.

⌘/Ctrl + S

Download code.png — this page's raster, not the browser's save dialog.

? or ⌘/Ctrl + /

Open the keyboard shortcut overlay, which also documents that Tab moves focus out of the editor.

Esc

Close the topmost dialog; every field keeps its value.