Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cyanheads/claude-sidebar-modifier
Disable or adjust the width of the sidebar functionality on Claude.ai
https://github.com/cyanheads/claude-sidebar-modifier
ai anthropic claude firefox-extension llm
Last synced: 6 days ago
JSON representation
Disable or adjust the width of the sidebar functionality on Claude.ai
- Host: GitHub
- URL: https://github.com/cyanheads/claude-sidebar-modifier
- Owner: cyanheads
- License: mit
- Created: 2024-09-17T00:09:44.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-04T13:31:57.000Z (about 1 month ago)
- Last Synced: 2025-01-04T13:48:06.539Z (about 1 month ago)
- Topics: ai, anthropic, claude, firefox-extension, llm
- Language: JavaScript
- Homepage: https://addons.mozilla.org/en-US/firefox/addon/claude-sidebar-modifier/
- Size: 140 KB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🤖 Claude.ai Sidebar Modifier
## 🎯 Description
This Firefox extension allows you to modify the sidebar behavior on Claude.ai. You can adjust the sidebar width or completely disable it from popping in. Useful for users who want to optimize their screen real estate or prefer a specific sidebar width.## ✨ Features
- ➡️ Adjust sidebar width using a slider
- 🚫 Completely disable the sidebar
- 🔒 Can only access https://claude.ai/## 🖼️ Images
| Extension Settings | Width Demo |
|:------------------:|:----------:|
| ![Extension Settings](assets/extension-settings.png) | ![Width Demo](assets/extension-width-demo.png) |## 🛠️ Installation
### From the Official Firefox Extension Gallery
1. Visit the [Claude Sidebar Modifier extension page](https://addons.mozilla.org/en-US/firefox/addon/claude-sidebar-modifier/).
2. Click on "Add to Firefox" and follow the prompts to install the extension.### Manual Installation
1. Clone this repository or download the ZIP file.
2. Open Firefox and navigate to `about:debugging#/runtime/this-firefox`.
3. Click on "Load Temporary Add-on".
4. Select the `manifest.json` file from the project directory.## 📁 Project Structure
```
claude-sidebar-mod/
├── manifest.json
├── sidebar-disable.js
├── background.js
├── sidebar-disable.css
├── popup.html
├── popup.js
└── assets/
├── icon-48.png
├── icon-96.png
├── extension-settings.png
└── extension-width-demo.png
```## 🔧 Usage
1. Visit a Claude.ai page.
2. Click on the extension icon in the Firefox toolbar to open the popup.
3. Use the slider to adjust the sidebar width.
4. Toggle the "Disable Sidebar" checkbox to enable or disable the sidebar.
5. Your settings will be automatically applied and saved.## 👨💻 Development
To modify the extension:
1. Edit the relevant files (`sidebar-disable.js`, `popup.js`, `background.js`, etc.).
2. Reload the extension in Firefox (go to `about:debugging`, find the extension, and click "Reload").
3. Refresh the Claude.ai page to see your changes.## 🐛 Troubleshooting
If you encounter any issues:
1. Ensure you're using the latest version of Firefox.
2. Try disabling and re-enabling the extension.
3. If problems persist, please open an issue in this repository with a detailed description of the problem.## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.---
⚠️ **Disclaimer**: This extension modifies functionality on Claude.ai. Use at your own risk.