Rashid Code Snap
Beautiful code screenshots, straight from VS Code.
Select code, right-click, choose Snap Code (or press Ctrl+Alt+S / Cmd+Alt+S). A preview opens beside your editor. Pick a look, then Save PNG.
Features
- Sized for every platform: Auto, 1:1 and 4:5 for Instagram, 9:16 for TikTok and Reels, 16:9 for LinkedIn, X and YouTube.
- 4 code themes: Midnight, Paper, Forest, Ember.
- 7 backgrounds: gradients, solid, or transparent.
- Your signature in the corner: your @handle or website, remembered for next time.
- Window buttons, line numbers (matching the real line numbers in your file) and shadow, each on or off.
- Your editor font, so the image looks like your setup.
- Sharp output at 3× resolution, crisp on any phone screen.
- Works offline. Syntax coloring is built in for 39 languages, including JavaScript, TypeScript, Python, PHP, Dart, Kotlin, Swift, Go, Rust, C#, SQL, HTML, CSS and more.
- Smart cleanup. Shared indentation is removed, so a snippet from deep inside a function sits flush left.
Settings
| Setting |
Default |
Description |
rashidCodeSnap.signature |
"" |
Text in the corner of every image. |
rashidCodeSnap.useEditorFont |
true |
Use your editor font. |
rashidCodeSnap.saveFolder |
"" |
Folder suggested when saving. Empty = project folder. |
Your last look (theme, background, format, padding) is remembered automatically.
Also by Rashid
| |
