Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CodeChitraNew to Visual Studio Code? Get it now.
CodeChitra

CodeChitra

DEV HARI OJHA

|
2 installs
| (0) | Free
Create clean code images directly from VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeChitra

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

CodeChitra Snapshot

🚀 How to Use

  1. Open any file in VS Code.
  2. Select the code block you want to capture.
  3. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
  4. Type and select "ShareCode".
  5. Choose a location to save your .png file.
  6. Enjoy your beautiful code snapshot!

🛠️ Installation

  1. Search for CodeChitra in the VS Code Marketplace (coming soon).
  2. Click Install.

To run locally for development:

  1. Clone this repository.
  2. Run npm install.
  3. Press F5 to open a new VS Code Window with the extension enabled.

📦 Dependencies

  • Puppeteer: For rendering and capturing the code snapshot.
  • Prism.js: For high-quality syntax highlighting.

📝 License

This project is licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft