Kreenshot

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

1. Open any file in VS Code.
2. Select the code you want to snapshot.
3. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
4. 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)

1. Download the latest .vsix release.
2. In VS Code, go to Extensions > ... > **Install from VSIX...

Contributing

Contributions are welcome!

1. Fork the repository.
2. Install dependencies: npm install
3. Download media assets: Run install_media.cmd (Windows) or curl commands manually.
4. Run npm run watch to build.
5. 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.