RivSnap
Create beautiful code screenshots with one click - Copy to clipboard instantly!
📦 Installation
Option 1: VS Code Marketplace (Recommended)
- Open VS Code
- Press
Ctrl+Shift+X (Extensions)
- Search for "RivSnap"
- Click Install
Option 2: Download VSIX
Download the latest .vsix file from GitHub Releases and install manually:
code --install-extension rivsnap-1.0.2.vsix
Or through VS Code UI:
- Extensions →
... → Install from VSIX...
- Select the downloaded
.vsix file
Features
- 📸 Instant Code Screenshots - Select code and create beautiful images in seconds
- 📋 Copy to Clipboard - One-click copy as actual image (not base64 text!)
- 💾 Save as PNG - Export high-quality PNG images
- 🎯 Syntax Highlighting - Supports all major programming languages
- 🎨 Beautiful Gradients - Choose from stunning gradient presets
- 🔢 Toggle Line Numbers - Show/hide line numbers with one click
- 📝 Toggle File Names - Display or hide file names
- ⚙️ Customizable - Adjust background, padding, font size, and more
Quick Start
- Select code you want to capture
- Press
Ctrl+Shift+S (Windows/Linux) or Cmd+Shift+S (Mac)
- Click "Copy to Clipboard" or "Save as PNG"
OR Right-click on selected code → "RivSnap: Create Code Screenshot"
Usage
Keyboard Shortcut (Fastest)
- Select code
- Press
Ctrl+Shift+S (Windows/Linux) or Cmd+Shift+S (Mac)
- Done!
- Select code
- Right-click
- Choose "RivSnap: Create Code Screenshot"
Command Palette
- Select code
- Press
Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
- Type "RivSnap"
- Press Enter
Customization
Access settings via File > Preferences > Settings and search for "RivSnap":
- Background: Choose from gradient presets or custom colors
- Padding: Adjust spacing around code (default: 0px)
- Font Size: Change code font size (default: 14px)
- Line Numbers: Toggle line numbers on/off
- File Name: Show/hide file name in screenshot
- Controls Panel: Enable full customization panel (default: off)
Gradient Presets
Try these beautiful backgrounds in your settings:
Purple Dream (Default): linear-gradient(135deg, #667eea 0%, #764ba2 100%)
Sunset: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)
Ocean Blue: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%)
Forest: linear-gradient(135deg, #0ba360 0%, #3cba92 100%)
Night Sky: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%)
Fire: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%)
Mint: linear-gradient(135deg, #00b09b 0%, #96c93d 100%)
Peach: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)
Requirements
Known Issues
- Syntax highlighting requires internet connection (uses CDN)
- First screenshot may take slightly longer to load libraries
📝 Release Notes
1.0.2 (Latest)
Documentation:
- 📚 Updated README with installation instructions
- 📚 Added VSIX download links
- 📚 Added version badges
- 📚 Improved documentation structure
Download v1.0.2 VSIX
1.0.1
Bug Fixes:
- 🐛 Fixed PHP + HTML/JavaScript syntax highlighting
- 🐛 Fixed script injection vulnerability
- 🐛 Improved error handling with fallback mechanisms
New Features:
- ✨ Added horizontal scroll for long code lines
- ✨ Custom scrollbar styling (dark theme)
- ✨ Better support for mixed-language files (30+ languages)
Improvements:
- 🔧 Updated .gitignore and .vscodeignore
- 🔧 Better code organization
- 🔧 Reduced VSIX package size
Download v1.0.1 VSIX
1.0.0
Initial release of RivSnap:
- 📸 Instant code screenshot creation
- 📋 Copy to clipboard as actual image
- 💾 Save as PNG file
- 🎨 Beautiful gradient backgrounds
- 🎯 Syntax highlighting for all major languages
- ⚙️ Customizable settings
- 🎮 Multiple access methods (keyboard, right-click, command palette)
Download v1.0.0 VSIX
Credits
Support
License
MIT License - Copyright (c) 2025 Riveany
Enjoy creating beautiful code screenshots! 📸✨
