PocketPlay
中文

Code Screenshot

Turn a snippet into a beautiful shareable image: syntax highlighting, macOS window frame, four themes, gradient backgrounds and 1x/2x PNG export.

🔒 Runs in your browser — files never leave your deviceFree · No sign-up

Code

Export

Preview

How to make a code screenshot

  1. Paste your snippet into the editor and pick its language, or leave it on automatic detection.
  2. Choose a theme, a gradient or solid background, padding, font size and whether to show line numbers, the macOS window buttons and a file name.
  3. Click Download PNG 2× for a crisp retina image, or Copy image to paste it straight into a chat or slide.

FAQ

Which languages are supported?

The bundled highlight.js build covers the ~40 most common languages: JavaScript, TypeScript, Python, Go, Rust, Java, C/C++, C#, PHP, Ruby, Swift, Kotlin, SQL, Bash, JSON, YAML, HTML, CSS, Markdown, Diff and more. Automatic detection guesses from the code itself.

Why is 2× better?

1× matches what you see on screen; 2× renders at double resolution so the text stays sharp on retina displays and when the image is scaled up in a slide or blog post.

Does my code leave the browser?

No. Highlighting and image rendering both run locally — nothing is uploaded, which matters if the snippet contains keys or internal code.