Free Code Screenshot Generator Online

Open the editor, paste your snippet and pick its language. Choose a theme, a window frame and a background, then click Download PNG. The image saves to your device as code-screenshot.png at twice the preview size, ready to post or drop into a slide.

You can pick from 29: TypeScript, JavaScript, Python, Rust, Go, Java, Kotlin, Swift, C, C++, C#, Ruby, PHP, HTML, CSS, SCSS, JSON, YAML, TOML, Bash, shell, SQL, GraphQL, Markdown, Dockerfile, Terraform, Vue, JSX and TSX. The list shows short ids, so C++ appears as cpp and C# as csharp.

There are 13 themes. Ten are dark: Vitesse Dark, GitHub Dark, Dracula, Nord, One Dark Pro, Monokai, Catppuccin Mocha, Tokyo Night, Min Dark and Solarized Dark. Three are light: Vitesse Light, GitHub Light and Solarized Light. The editor starts on Vitesse Dark.

Not at the moment. The editor shows a Show line numbers box, but it doesn't add numbers yet, so the PNG has none. To point readers to a line, quote it in your text or add a short comment in the code itself.

The PNG is twice the size of the framed preview in each direction. The frame is at least 400 px wide on screen, so the file is at least 800 px wide. Longer lines, a larger font or more padding make it bigger.

You can use a custom color but not a transparent one. Pick one of 9 solid colors or 4 gradients, or open the color picker for any solid shade. The picker can't build a gradient, and there is no transparent option, so the area around the window always has a color.

macOS draws red, yellow and green dots. Windows puts the tab title on the left with minimize, maximize and close signs on the right. Browser adds back and forward arrows and an address bar. None shows only the code on the background.

No. Copy the code from VS Code, PyCharm or any other editor and paste it here. A plain screen capture also grabs tabs, sidebars and your own color setup, while this tool draws only the snippet, in the theme and frame you choose.

Check the Language menu first. The tool never guesses the language, so Python code set to TypeScript gets the wrong colors. Pick the language that matches your snippet. If highlighting ever fails, the code appears as plain text in one color instead of an error message.

You can change the size but not the typeface. The slider runs from 11 to 20 px. The code uses your device's built-in monospace font, so the same snippet can look slightly different when made on a Mac and on Windows.

Yes, it is free with no account, no watermark and no daily limit. Your code is never sent to a server; the image is drawn and saved on your device. On the live site, Google Analytics records the page visit, not your code.