📸

Code Screenshot

Create beautiful code screenshots with syntax highlighting

Language

Theme

Window Style

Watermark

Background

Padding: 48px

Font Size: 14px

Border Radius: 12px

Code

Preview

function greet(name) {
  const message = "Hello, " + name;
  console.log(message);
  return message;
}

Export:

Share to Community

Was this tool helpful?

What is Code Screenshot?

Free online code screenshot to turn code snippets into beautiful, shareable images.

Choose from multiple syntax themes (dark, light, Monokai, Dracula, Nord), set the language for syntax highlighting, customize padding, font size, and background color. Export as PNG for use in presentations, social media, blog posts, and documentation. All rendering happens in your browser using Canvas. No signup required.

How to Use Code Screenshot

1Paste your code snippet into the editor
2Select the programming language and color theme
3Customize padding, font size, and background
4Click Export to download the code screenshot as PNG

Frequently Asked Questions

JavaScript, TypeScript, Python, HTML, CSS, JSON, SQL, Rust, Go, Java, C, C++, PHP, Ruby, Swift, Kotlin, and Bash. Each language gets proper keyword and syntax coloring.

Several popular themes: Dark (VS Code dark), Light, Monokai, Dracula, Nord, One Dark, Solarized Dark, and GitHub. Each theme has carefully chosen colors for readability.

PNG at 2x resolution for crisp output on high-DPI displays. The exported image includes the syntax-highlighted code with your chosen background, padding, and border radius.

Share this tool

Related Tools

SQL

SQL Formatter

Free online sql formatter - format and beautify SQL queries with proper indentation and syntax highlighting

QR Code Generator

QR code generator free - create QR codes from URLs or text with no watermark, no signup required

{ }

JSON Formatter

JSON formatter and validator online - format, beautify, and validate JSON data instantly in your browser

RWX

Chmod Calculator

Free online chmod calculator - calculate Unix file permissions with an interactive chmod builder

⬛

CSS Flexbox Generator

Flexbox generator - visual CSS flexbox layout builder with live preview and ready-to-copy CSS code

Regex Playground

Free online regex playground - build, test, and debug regular expressions with real-time match highlighting

📸