Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>CodeShot — Beautiful Code ScreenshotsNew to Visual Studio Code? Get it now.
CodeShot — Beautiful Code Screenshots

CodeShot — Beautiful Code Screenshots

Lx Studio

| (0) | Free
Turn your code into beautiful, shareable screenshots — right inside VS Code. Syntax highlighted, offline, your code never leaves your machine. Free to start; Pro for SVG, HD export.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeShot — Beautiful Code Screenshots

Turn your code into beautiful, shareable screenshots — right inside VS Code.

Syntax highlighted, offline, and your code never leaves your machine. No upload, no accounts, no ads.

  • Capture the current selection (or the whole file) with one command.
  • Syntax highlighting for 50+ languages (bundled highlight.js — works offline).
  • Themes: dark, light (free) — plus one-dark, dracula, monokai, solarized (Pro).
  • Export PNG (standard 1x on Free; 2x/3x HD on Pro) and SVG (vector, Pro).
  • Line numbers, padding, rounded corners, light watermark on Free (removed on Pro).
  • Pro: all themes, SVG export, HD export, all languages, no watermark — one-time buyout.

Your code is processed entirely on your device. Nothing is uploaded. The only network call is Pro license validation (a license key sent to our license service).


Features

Feature Free Pro
Capture selection / file ✅ ✅
Syntax highlighting (mainstream languages) ✅ ✅ all languages
Themes 2 (dark, light) 6 + custom (upcoming)
Export PNG ✅ 1x ✅ 2x / 3x HD
Export SVG (vector) ❌ ✅
Line numbers / padding / rounded corners ✅ ✅
Watermark ✅ (light) ❌ removed
Batch export — planned

How to use

  1. Open a file with code in VS Code.
  2. Select the code you want to share (or leave nothing selected to capture the whole file).
  3. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run CodeShot: Capture Code as Beautiful Screenshot. (Or right-click a selection → Capture Code as Beautiful Screenshot.)
  4. A preview opens. Choose a theme, toggle line numbers, and pick the export scale.
  5. Click Export PNG or Export SVG and choose where to save the file.

Pro

Pro is a one-time buyout — $24 one-time (primary), with optional $11.99/year or $1.99/month plans (see the checkout links below).

To activate Pro:

  1. Purchase via the Paddle checkout link (opens in your browser).
  2. After purchase you receive a license key (from our license service).
  3. In the CodeShot preview, click Upgrade to Pro → paste your license key → Activate.
  4. The license is validated against our license service (/verify). Pro unlocks only after a valid, active license.

No demo mode. A license key is accepted only if our license service confirms it is active. An invalid or expired license keeps the extension in Free mode.

Configuration

Set these in VS Code Settings (search "codeshot"):

Setting Purpose
codeshot.verifyEndpoint Your license verify endpoint (https://...workers.dev/verify) — required to activate Pro
codeshot.buyoutLink Paddle checkout link for the Pro buyout (one-time)
codeshot.monthlyLink Paddle checkout link for the Pro monthly plan (optional)
codeshot.yearlyLink Paddle checkout link for the Pro yearly plan (optional)

These are empty by default. The developer (or a self-hosted deployment) fills them in before publishing the Pro links.

Privacy

  • Your code never leaves your machine. Highlighting runs locally (bundled highlight.js, offline).
  • No upload, no analytics, no ads, no remote code.
  • The only network call happens when you activate Pro: your license key is sent to our license service (/verify) to confirm it is active. It receives only the license key — never your code.
  • Checkout is handled by Paddle (a third-party payment processor) under its own privacy policy. CodeShot never sees your card details.

See privacy.md for the full privacy statement.

Requirements

  • VS Code 1.80.0 or higher.
  • No account, no sign-in, no telemetry.

License

MIT — see LICENSE.md. Bundled highlight.js is BSD-3-Clause (included as a dependency).

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft