A Chrome extension that allows you to customize the width of chat interfaces for various LLM services, making them more readable and comfortable to use.
- ChatGPT (chatgpt.com)
- Gemini (gemini.google.com)
- Grok (grok.com)
- Kapa.ai (chat.kapa.ai)
- Customize the width of chat interfaces to your preferred size
- Supports different units of measurement (px, rem, em, etc.)
- Real-time width updates without page refresh
- Works across multiple LLM chat services
- Simple and intuitive popup interface
- Clone this repository or download the source code
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode" in the top right corner
- Click "Load unpacked" and select the directory containing the extension files
- Click the extension icon in your Chrome toolbar to open the popup
- Enter your desired width value
- Select your preferred unit of measurement (px, rem, em, etc.)
- The changes will be applied immediately to any open chat interfaces
The extension consists of the following main components:
manifest.json: Extension configuration and permissionscontent.js: Main content script that applies width changes to chat interfacespopup.html: User interface for configuring the widthpopup.js: Handles user interactions in the popup
The extension works by:
- Detecting which LLM service you're using based on the URL
- Finding the appropriate container element in the page
- Applying your custom width settings to the container
- Using a MutationObserver to ensure the width is maintained even when the page content changes
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.