CodeSnap Veyra icon
NEW · FOR VS CODE

CodeSnap Veyra

Your code, as a beautiful image.

Select some code, press Ctrl+Alt+S, and share it on X, LinkedIn, in docs or on slides: your theme’s colours, a gradient, a window, and the lines that matter highlighted.

flightcoders.veyra-codesnap · v1.0.0 · Free · MIT · Windows, macOS, Linux

A TypeScript snippet on a gradient in a macOS-style window, with two highlighted lines
FEATURES

Share code that looks as good as it reads.

Your theme’s colours

Exactly what you see in the editor, from any theme, light or dark.

Highlight what matters

Click lines in the preview to highlight them while the rest fade back.

Gorgeous backgrounds

Ten hand-picked gradients, a solid colour of your choice, or transparent.

A window to match

A macOS or Windows window with your file’s name, or no window at all.

Social media sizes

Fit the code, or square, 16:9 and LinkedIn shapes with the window centred.

Live

Change the selection and the snap follows, so you can try a few before you share.

Copy or save

Copy the image and paste it anywhere, or save a sharp PNG at 2× or 3×.

Neat by default

Shared indentation is removed, tabs line up, and line numbers start at the real line.

Private

Everything happens on your computer, and your clipboard is put back afterwards.

VS Code with code selected and the CodeSnap panel beside it
INSTALL

Ready in a minute.

  1. Download the .vsix (26 KB).
  2. In VS Code, press Ctrl+Shift+P and run Extensions: Install from VSIX…, then choose the file.
  3. Select some code and press Ctrl+Alt+S.

Click lines in the preview to highlight them before you copy. Coming to the Visual Studio Marketplace soon.

SizesFit the code for docs and chats
Square 1:1 for Instagram
Wide 16:9 for X and slides
LinkedIn 1.91:1
The same snippet from a light theme, on a soft pink-to-blue gradient
FAQ

Questions

Is it free?

Yes. CodeSnap Veyra is free and MIT licensed, with no account and no telemetry.

How do I take a snap?

Select some code and press Ctrl+Alt+S (Cmd+Alt+S on a Mac), or right-click and choose Snap Code to an Image.

Will it use my theme’s colours?

Yes. It uses VS Code’s own Copy with Syntax Highlighting, so the colours are exactly those of your theme.

What happens to my clipboard?

CodeSnap Veyra copies the selection to read its colours, then puts back the text that was on your clipboard before.

Is it the same as the CodeSnap extension?

It is an independent extension, written from scratch, with highlighted lines, social media sizes, live updates and a sharp canvas-drawn image.

More for VS Code: Git Graph Veyra, Veyra Document Viewer, Veyra Env and Veyra MCP Studio. Or browse all 16 Veyra extensions.

Made by the Veyra team.

Veyra Studio is a fast, free code editor with Live Server, Python debugging and Veyra AI built in.

Download VeyraView on GitHub