Visual Studio Code is the editor most developers reach for, and for good reason — it's fast, extensible, and stays out of your way while you write code.
One thing it doesn't do out of the box, though, is take great screenshots of that code. And if you spend any time sharing snippets — in pull request reviews, on Slack, in blog posts, or on social media — you'll quickly want a tool that captures your code with the same clarity it has in the editor.
The good news: there are free VS Code extensions that handle this beautifully, without ever forcing you to leave the editor.
The Importance of Code Screenshots
A well-taken code screenshot is one of the most efficient ways to communicate as a developer.
When you're stuck on a bug, a screenshot is faster and more precise than trying to describe the problem in text. When you're teaching, a clean visual example can make a tricky concept click instantly. When you're documenting, a screenshot captures syntax highlighting and structure in a way plain text never will. And when you're sharing your work publicly, polished code images stand out in a feed full of plain text and stock graphics.
In short: code screenshots make communication faster, collaboration smoother, and learning more accessible — and the right extension makes capturing them effortless.
Free VS Code Screenshot Extensions
Want to capture the attention of the readers? Use these VS Code extensions to take screenshots of your code. Each one is free, actively maintained, and works on the current version of VS Code.
CodeSnap
ColdCode is built for tinkerers. It gives you a live preview of your code screenshot with real-time controls, so you can adjust effects until the image looks exactly right before exporting.
The features include:
✔ Save as a PNG or copy straight to your clipboard.
✔ Toggle line numbers, window controls, and the file header on or off.
✔ Customize the background color, padding, and shadow to match your style.
If you only install one extension from this list, make it CodeSnap. It handles 90% of code screenshot needs without any setup.
Carbon Now Sh
Turn your code into a beautiful image in one keystroke. The VS Code extension sends your selected code straight to carbon.now.sh — the most popular code-to-image tool on the web — without leaving the editor.
Features include:
✔ Open your selection in carbon.now.sh with a single command.
✔ No configuration required — uses your theme and language automatically.
✔ Pick your background, padding, drop shadow, and font right in the editor.
It's the fastest way to get a polished, share-ready code image without learning a new tool.
RayThis
RayThis brings the Ray.so aesthetic into VS Code. With one shortcut, you can turn any selection into a polished, gradient-backed code image without ever opening a browser tab.
The features include:
✔ Generate Ray.so–style screenshots inline, right inside the editor.
✔ Pick from preset themes and color palettes.
✔ No copy-paste between editor and browser — the whole flow stays in VS Code.
A great pick if you like the Ray.so look but want to skip the round trip to the website.
Polacode-2025
Polacode pioneered the polaroid-frame code screenshot look — clean, centered, and instantly recognizable. This community-maintained fork keeps the original alive and working with modern VS Code.
The features include:
✔ Renders your code in the iconic centered "polaroid" frame.
✔ Uses your active theme for syntax highlighting automatically.
✔ Lightweight and distraction-free — no settings to fiddle with.
Polacode is the right pick if you want a minimal, opinionated screenshot style without configuring anything.
ColdCode
ColdCode is built for tinkerers. It gives you a live preview of your code screenshot with real-time controls, so you can adjust effects until the image looks exactly right before exporting.
The features include:
✔ Live preview with real-time adjustments to effects, padding, and background.
✔ Export as an image file or copy straight to your clipboard.
✔ A wide range of configuration options for fine-tuning the look.
Reach for ColdCode when you want fine control over the final image, not just a quick capture.
Code Snapshot
Code Snapshot keeps things simple. Select the code you want to share, hit the keyboard shortcut, and capture a clean snippet image — designed for posting to social media or dropping into presentations.
The features include:
✔ Open the snapshot panel with a single keyboard shortcut.
✔ Adjust the screenshot width to fit your output format.
✔ Several customization options for output style and layout.
A solid no-frills choice when you just need a quick image for a deck or a tweet.
Snipped
Snipped lets you craft polished code screenshots straight from your editor's workspace. It supports both selected snippets and full files, and exports to either SVG or PNG depending on what you need.
The features include:
✔ Save selected code or entire files as SVG or PNG.
✔ Copy screenshots straight to your clipboard.
✔ Optional auto-copy — every screenshot lands on your clipboard automatically.
Snipped is the best choice if you need vector output (SVG) or want to capture entire files in one shot.
Code Screenshot
Sometimes you just want a screenshot fast, with no fuss. The extension lets you select a block of code, hit a single shortcut, and get a clean image — no menus, no popups, no extra clicks.
The features include:
✔ Select your code, press Alt + Cmd + V, done.
✔ Lightweight and minimal — no bloat, no settings to configure.
✔ Built for speed, ideal when you take screenshots constantly throughout the day.
If CodeSnap feels heavy and you just want the fastest path from selection to image, Code Screenshot is the one to try.
Conclusion
With eight free options to choose from, the right pick depends on what you value most.
For most developers, CodeSnap is the best default — it's fast, well-maintained, and handles 90% of code screenshot needs without any setup.
If you want higher-quality, share-ready images for documentation, READMEs, or developer Twitter, Carbon Now Sh is hard to beat. It hands your code off to carbon.now.sh, where you get fine-grained control over backgrounds, padding, and themes.
And if you take screenshots constantly throughout the day, Code Screenshot offers the fastest keyboard-driven workflow of the bunch.
Whichever you choose, you'll never have to leave VS Code to capture and share your code again.
