CodeChitra is a VS Code extension that allows you to take beautiful, high-quality snapshots of your code snippets instantly. Perfect for sharing on social media, documentation, or presentations.
✨ Features
Glassmorphism Design: Beautiful, modern window frame with a glassmorphism effect.
Syntax Highlighting: Built-in syntax highlighting using Prism.js.
Dynamic File Naming: Automatically detects and displays the filename in the snapshot header.
High Resolution: Captures snapshots using Puppeteer for crisp, high-quality images.
Easy to Use: Simple command-based workflow to save snapshots directly to your machine.
📸 Preview
🚀 How to Use
Open any file in VS Code.
Select the code block you want to capture.
Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
Type and select "ShareCode".
Choose a location to save your .png file.
Enjoy your beautiful code snapshot!
🛠️ Installation
Search for CodeChitra in the VS Code Marketplace (coming soon).
Click Install.
To run locally for development:
Clone this repository.
Run npm install.
Press F5 to open a new VS Code Window with the extension enabled.
📦 Dependencies
Puppeteer: For rendering and capturing the code snapshot.