Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Code ScreenshotNew to Visual Studio Code? Get it now.
Code Screenshot

Code Screenshot

Vkrsi

|
19,557 installs
| (4) | Free
Create stunning visuals of your code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Screenshot (vkrsi)

A VS Code extension to open the selected code in Code Screenshot — perfect for instantly creating and sharing beautiful code snippets.

📸 Just select your code → press Ctrl + Shift + P → run Code Screenshot: Show, or use the shortcut Alt + Cmd + V to open it directly.

✨ Features

  • 📚 Supports 50+ programming languages
  • 🪟 Choose from multiple window frame styles
  • 🎨 Pick from 100+ editor themes
  • 🌈 Apply stylish background colors
  • 🔤 Customize font styles and sizes
  • 💾 Zero-copy export and share links

⚙️ Configuration Options

You can customize how your screenshots look directly from VS Code settings.

Available settings:

Setting Default Description
code-screenshot.padding 60 Padding (in pixels) around your code block
code-screenshot.fontSize 18 Font size (in pixels) used in rendering

To set them:

  1. Open Command Palette (Ctrl+Shift+P)
  2. Type: Preferences: Open Settings (UI)
  3. Search: code-screenshot
  4. Customize Padding, Font Size, etc. as per your needs

Or edit your settings.json directly:

{
  "code-screenshot.padding": 60,
  "code-screenshot.fontSize": 14
}

🛠️ Usage

  1. Highlight the code you want to screenshot.
  2. Run the command: Code Screenshot

🛠️ Additional Usage

Or use the keyboard shortcut: Alt + Cmd + V

Your browser opens cs.vkrsi.com with the selected code ready to style, customize, and share.

🐞 Issues or Feedback?

Please report bugs or feature requests via the GitHub Issue Tracker.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft