Code Screenshot Generator

Q: Is my code uploaded anywhere?

No. Syntax highlighting and the PNG export both run entirely in your browser — your code never leaves your machine.

Q: What image format does this export?

PNG, rendered at 2x scale for crisp text on retina displays. Use Download PNG to save a file, or Copy image to paste directly into Slack, Notion, or a doc.

Paste code, pick a language and theme, then download or copy a shareable image — everything renders and exports entirely in your browser, nothing is uploaded.

Live preview — click Copy image or Download PNG below to export it as an actual image.

function greet(name) {
  // say hello, world-famous style
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}

greet("DevTools Daily");

Your code

Language

Theme

Window chrome (traffic-light dots)

Padding: 24px

Font size: 14px

Code Screenshot Generator

FAQ

Is my code uploaded anywhere?

What image format does this export?