Create beautiful, shareable images of your code without leaving VS Code.
Kreenshot turns your code selection into a stunning, "Carbon-style" image. It automatically detects your theme, adds a customizable window frame, and lets you save to PNG, copy to clipboard, or tweet directly.
Features
Auto-Theming: Automatically detects if you are in Light or Dark mode and applies a matching syntax theme (vs or vs2015).
Custom Window: Window controls, drop shadows, and glass outlines.
Customization:
* Adjust Padding.
* Change Background Color (supports gradients or solid colors).
* Toggle Shadows, Window Controls and Outlines.
* Switch*Syntax Highlighting Themes (Dracula, Monokai, GitHub, etc.).
Quick Actions:
Save as PNG
Copy to Clipboard
Share to Twitter
Usage
Open any file in VS Code.
Select the code you want to snapshot.
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
Run Kreenshot: Capture Selection.
A preview window will open to the side. Customize your shot and click Save or Copy!
Configuration
You can customize the defaults in your VS Code settings:
Setting
Default
Description
kreenshot.syntaxTheme
"auto"
The syntax highlighting theme. "Auto" matches your editor mode.
kreenshot.defaultPadding
40
Default padding (margin) size around the code window.
kreenshot.backgroundColor
"#78ffd6"
Default background color (Hex).
kreenshot.showWindowControls
true
Show window dots.
kreenshot.showShadow
true
Show drop shadow behind the window.
kreenshot.outline
false
Add a thin white border outline.
Installation
From Marketplace
Coming soon...
From VSIX (Manual)
Download the latest .vsix release.
In VS Code, go to Extensions > ... > **Install from VSIX...
Contributing
Contributions are welcome!
Fork the repository.
Install dependencies: npm install
Download media assets: Run install_media.cmd (Windows) or curl commands manually.
Run npm run watch to build.
Press F5 to debug.
License
This project is licensed under the MIT License.
Third-party components are subject to their respective licenses. See THIRD_PARTY_NOTICES.txt for details.
