RainySnap ⚡
Create beautiful code screenshots in seconds with stunning visual customization By Enosis Labs, Inc.
✨ Why RainySnap?
RainySnap makes it incredibly easy to create professional code screenshots for:
- 📚 Documentation and tutorials
- 💬 Social media posts (Twitter, LinkedIn, Dev.to)
- 📝 Blog articles and technical writing
- 🎓 Educational materials and presentations
- 👥 Code reviews and team collaboration
🎯 Quick Start
- Install RainySnap from the VSCode Marketplace or OpenVSX
- Select any code in your editor
- Press
Ctrl+Shift+P and type "RainySnap"
- Customize the look using the preview panel
- Click the camera button to save or copy
That's it! 🎉
🌟 Key Features
🎨 Beautiful Visuals
Gradient Backgrounds
Create eye-catching screenshots with customizable gradient backgrounds. Choose your colors and direction to match your brand or style.
Multiple Window Styles
Pick the window control style that fits your needs:
- Mac - Classic macOS window controls (red, yellow, green)
- Windows - Microsoft Windows style controls
- Linux - Clean Linux-style appearance
Shadow Effects
Add depth with three shadow levels:
- Light - Subtle and minimal
- Medium - Balanced (default)
- Heavy - Bold and dramatic
⚡ Quick Actions
Instant Snap
Press one command and your screenshot is copied to clipboard automatically - perfect for quick sharing!
Auto-Save
Enable auto-save mode to skip the save dialog entirely. Your screenshots save automatically to your preferred location.
🎨 Ready-to-Use Presets
Choose from 4 beautiful presets:
- Default - Balanced and professional
- Minimal - Clean and distraction-free
- Vibrant - Bold and colorful with gradients
- Professional - Perfect for documentation
📤 Export Options
- Formats: PNG, JPG, WebP, SVG
- Quality: Scale from 1x to 5x for ultra-high resolution
- Watermarks: Add your name or brand
- Auto-save: Skip dialogs and save directly
🎮 Commands
Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) and use:
| Command |
Description |
RainySnap ⚡ |
Open the snapshot panel |
RainySnap: Copy to Clipboard |
Copy current snapshot |
RainySnap: Quick Snap |
Instant clipboard copy |
Pro Tip: Set up keyboard shortcuts for even faster access!
⚙️ Customization
Background
- Choose solid colors or gradients
- Pick from 6 gradient directions
- Customize gradient colors (unlimited combinations)
Layout
- Adjust padding (0-200px)
- Control corner rounding (0-30px)
- Show/hide line numbers
- Toggle window controls
Effects
- Enable/disable shadows
- Choose shadow intensity
- Add custom watermarks
- Position watermarks anywhere
Presets
Quickly switch between visual styles:
- Open RainySnap panel
- Access settings
- Choose a preset
- Done!
💡 Usage Tips
- Use the Vibrant preset
- Enable gradients
- Scale to 2x or 3x
- Add your name as watermark
For Documentation
- Use the Professional preset
- Enable line numbers
- Use minimal shadow
- Export as PNG at 2x
For Quick Sharing
- Select your code
- Run "Quick Snap" command
- Paste anywhere instantly
🎓 Common Settings
Access settings through VSCode Settings (Ctrl+,) and search for "RainySnap":
Popular Configurations
Solid Background
Background Color: #2e3440
Gradient: Disabled
Shadow: Medium
Gradient Style
Gradient: Enabled
Colors: #667eea, #764ba2
Direction: 135deg
Shadow: Heavy
Clean Minimal
Background: #ffffff
Shadow: Disabled
Window Controls: Disabled
Padding: 20px
🆘 Troubleshooting
Screenshot looks blurry
→ Increase the scale setting (try 2x or 3x)
Can't paste code into RainySnap
→ Make sure you're copying from VSCode, not external sources
Colors look different
→ Check your VSCode theme is compatible
Watermark not showing
→ Make sure you've entered text in the watermark setting
📋 System Requirements
- VSCode: Version 1.105.0 or higher
- Node.js: Version 18.0.0 or higher (for development)
- OS: Windows, macOS, or Linux
🚀 What's New in 2.0?
- ✨ Complete rebuild with modern technology
- 🎨 New gradient backgrounds
- ⚡ 3x faster performance
- 🪟 Multiple window styles
- 💧 Watermark positioning
- 🎯 Quick Snap command
- 📊 Better quality exports
See full changelog
🤝 Support
Need help or found a bug?
📜 License
MIT License - See LICENSE file for details
Made with ❤️ by Enosis Labs, Inc.
Create beautiful code screenshots effortlessly! 📸✨
