https://github.com/creosb/ai-side-panel-extension

AI Side Panel Extension: Enhance your productivity with this browser extension that adds a convenient side panel for quick access to popular AI sites like Gemini, ChatGPT, Copilot, Claude, and Deepseek. Easily toggle the panel using the extension icon or ALT + Q shortcut. Perfect for seamless integration of AI tools into your browsing experience.
https://github.com/creosb/ai-side-panel-extension

ai chatgpt chrome chrome-extension css gemini gpt html

Last synced: about 1 year ago
JSON representation

AI Side Panel Extension: Enhance your productivity with this browser extension that adds a convenient side panel for quick access to popular AI sites like Gemini, ChatGPT, Copilot, Claude, and Deepseek. Easily toggle the panel using the extension icon or ALT + Q shortcut. Perfect for seamless integration of AI tools into your browsing experience.

• Host: GitHub
• URL: https://github.com/creosb/ai-side-panel-extension
• Owner: creosB
• Created: 2024-09-01T15:55:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-09T13:03:21.000Z (over 1 year ago)
• Last Synced: 2025-03-24T17:50:54.408Z (about 1 year ago)
• Topics: ai, chatgpt, chrome, chrome-extension, css, gemini, gpt, html
• Language: JavaScript
• Homepage:
• Size: 55.5 MB
• Stars: 32
• Watchers: 1
• Forks: 8
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# AI Side Panel Extension

![Artists Company](https://raw.githubusercontent.com/creosB/AI-Side-Panel-Extension/refs/heads/main/Images/EN/EN_Marquee_Promo.png)

## Overview

The **AI Side Panel Extension** for Chrome provides an easy and convenient way to access your favorite AI sites, such as Gemini, ChatGPT, Claude, Copilot, DeepSeek, Grok, Mistral, and Perplexity directly from the Chrome side panel. With quick access via the extension icon or a customizable keyboard shortcut, this extension enhances your productivity and makes engaging with AI tools seamless.

[![Chrome](https://raw.githubusercontent.com/creosB/creosB/refs/heads/main/assets/Chrome%20Web%20Store.svg)](https://chromewebstore.google.com/detail/ai-side-panel/icapcpllhdnnpcmfdcgpnbgchfenmjmg)

[![Edge](https://raw.githubusercontent.com/creosB/creosB/2ca982c79eff856e6bf5bf8f647e8e9eaaab7cb4/assets/Edge.svg)](https://microsoftedge.microsoft.com/addons/detail/ai-side-panel/okldldohcpoeldjackkdakhoflphiipn)

[![sponsor](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/creos)

## Features

- **Instant AI Access:** Side panel integration for immediate access to AI tools while browsing.

- **Split Screen Workflow:** Customizable split view for simultaneous browsing and AI interaction.

- **Quick Toggle:** One-click access via icon or ALT + Q shortcut.

- **Minimal Interface:** Clean, distraction-free design for focused AI interactions.

- **Support for all popular AI services.**

- **Effortless drag and drop:** Easily customizable and highly interactive.

## Installation

1. **Download the Extension**: Clone this repository or download the latest release from [GitHub Releases](https://github.com/creosB/AI-Side-Panel-Extension/releases/tag/release).

2. **Load the Extension into Chrome**:

   - Open Chrome and navigate to `chrome://extensions/`.

   - Enable "Developer mode" using the toggle in the top-right corner.

   - Click on "Load unpacked" and select the directory where you have cloned/downloaded the extension.

## Usage

1. **Open the Side Panel**:

   - Click the extension icon in the Chrome toolbar.

   - Or use the keyboard shortcut `ALT + Q` to open/close the side panel.

## Screenshots

1          |  2

:-------------------------:|:-------------------------:

![1](https://raw.githubusercontent.com/creosB/AI-Side-Panel-Extension/refs/heads/main/Images/EN/EN_Screen1.png) | ![2](https://raw.githubusercontent.com/creosB/AI-Side-Panel-Extension/refs/heads/main/Images/EN/EN_Screen2.png)

3            |  4

![3](https://raw.githubusercontent.com/creosB/AI-Side-Panel-Extension/refs/heads/main/Images/EN/EN_Screen3.png) | ![4](https://raw.githubusercontent.com/creosB/AI-Side-Panel-Extension/refs/heads/main/Images/EN/EN_Screen4.png)

5           |         

![5](https://raw.githubusercontent.com/creosB/AI-Side-Panel-Extension/refs/heads/main/Images/EN/EN_Screen5.png) | 

## Video

[![Youtube](http://img.youtube.com/vi/IXg5vbPg-i0/0.jpg)](https://youtu.be/IXg5vbPg-i0)

# License

---

## Please contact me first to share or make changes anywhere.

***

This work is licensed under a

[Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License][cc-by-nc-sa].

[![CC BY-NC-SA 4.0][cc-by-nc-sa-image]][cc-by-nc-sa]

[cc-by-nc-sa]: http://creativecommons.org/licenses/by-nc-sa/4.0/

[cc-by-nc-sa-image]: https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png

[cc-by-nc-sa-shield]: https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg

***

Feel free to adjust any specifics to better match your extension’s functionality or your preferred contact details!