Code Screenshot
Create beautiful screenshots of your code with syntax highlighting, custom themes, and gradient backgrounds. Export as PNG or SVG, perfect for sharing on social media, docs, and presentations.
Your code and settings are saved to this browser's local storage so a refresh doesn't lose them. Nothing is uploaded — but the code does stay on this device until you clear it.
Frequently asked questions
How do I create a code screenshot?
Paste your code into the editor on the left, choose a programming language, pick a theme and background style, then click Download PNG or SVG. You can also copy the screenshot to your clipboard with one click.
What languages are supported?
Over 30 languages, including JavaScript, TypeScript, Python, Java, C#, C++, Go, Rust, Ruby, PHP, Swift, Kotlin, HTML, CSS, SQL, and Bash, all with accurate syntax highlighting. Grammars load on demand, so only the language you pick is downloaded.
What themes are available?
16 popular themes: GitHub Dark, GitHub Light, Monokai, Dracula, Nord, One Dark Pro, Vitesse, Tokyo Night, Rosé Pine, Catppuccin Mocha, Solarized, and more. Powered by Shiki, the same highlighter VS Code uses.
Can I customize the background?
Yes. Choose from gradient presets or a transparent background, and adjust padding, border radius, and font size. The window chrome adapts to light and dark themes so line numbers and the title stay readable either way.
What export formats are supported?
PNG at 2× pixel ratio for sharp screenshots, or SVG for a scalable vector. You can also copy the image straight to your clipboard.
Is my code safe?
Syntax highlighting and image generation happen entirely in your browser — your code is never uploaded and we never see it. It is auto-saved to your browser's local storage so you don't lose work on a refresh; that stays on your device, and you can clear it from the editor at any time.
Related tools
This free tool is built and maintained by KSPR Technologies. We build web, mobile & AI products for clients.