Skip to content

🐱 Chat with AI using selected text from any webpage! This Chrome extension lets you analyze content with Gemini, OpenRouter, or GROQ in a beautiful floating window. πŸ§ πŸ’¬

License

Notifications You must be signed in to change notification settings

Ns81000/Chat_With_Cat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ€– Chat With Cat Chrome Extension

A powerful Chrome extension that provides AI-powered insights about any text you select on a webpage using various AI models like Google Gemini, OpenRouter, and GROQ.

✨ Features

  • πŸ” Right-click any text to get AI analysis
  • πŸ”„ Support for multiple AI providers:
    • Google Gemini
    • OpenRouter (with free models)
    • GROQ
  • 🎨 Beautiful, responsive floating UI
  • πŸŒ“ Automatic dark/light mode
  • πŸ–±οΈ Draggable response window
  • πŸ“ Markdown formatting for responses
  • πŸ”’ Secure local API key storage
  • ⚑ Response caching for performance

πŸ“₯ Installation

  1. Clone or download this repository
    • For safe installation, clone to a protected location like C:\Projects\:
    • git clone https://github.com/Ns81000/Chat_With_Cat.git C:\Projects\Chat_With_Cat
    • This prevents accidental deletion that might occur in temporary folders
  2. Get an API key from one of the supported providers:
  3. Load the extension in Chrome:
    • Open Chrome and navigate to chrome://extensions/
    • Enable "Developer mode" (toggle in top-right)
    • Click "Load unpacked" and select this extension folder
  4. Configure the extension:
    • The setup page will automatically open on first install
    • Or click the extension icon anytime to access settings

πŸ€‘ Why DIY? Because Chrome Web Store's $5 fee is like paying for cat food when your cat prefers the cardboard box! πŸ“¦πŸ± Skip the fancy packaging and install it yourself - your wallet (and your rebellious inner developer) will thank you! πŸ’Έ

πŸš€ Usage

  1. Select any text on a webpage
  2. Right-click and select "Ask AI about: [text]"
  3. A floating window appears with the AI's response
  4. Drag the window by its header to reposition
  5. Use minimize/close buttons to control the window

πŸ–ΌοΈ Screenshots

Setup Screens

Setup Screen 1 Setup Screen 2

Response UI

Response Example 1 Response Example 2 Response Example 3

πŸ”§ Advanced Configuration

  • Change providers: Click the extension icon and select a different provider
  • Update API key: Access settings through the extension icon
  • Change models: Each provider offers different models with varying capabilities

πŸ—‚οΈ Project Structure

chrome-extension/
β”œβ”€β”€ manifest.json       # Extension configuration
β”œβ”€β”€ setup.html          # Configuration UI 
β”œβ”€β”€ images/             # Extension icons
β”‚   β”œβ”€β”€ icon16.png
β”‚   β”œβ”€β”€ icon48.png
β”‚   └── icon128.png
└── js/
    β”œβ”€β”€ background.js   # Context menu and API handling
    β”œβ”€β”€ content.js      # UI injection and display logic
    └── setup.js        # Configuration management

πŸ”’ Privacy & Security

  • All API keys are stored locally in your browser storage
  • Selected text is sent only to your chosen AI provider
  • No data is stored on external servers beyond API processing
  • All communication with AI providers uses secure HTTPS

🀝 Contributing

Contributions are welcome! Feel free to submit issues or pull requests.

πŸ“œ License

This project is open source and available under the MIT License.

About

🐱 Chat with AI using selected text from any webpage! This Chrome extension lets you analyze content with Gemini, OpenRouter, or GROQ in a beautiful floating window. πŸ§ πŸ’¬

Topics

Resources

License

Stars

Watchers

Forks