Twitter Zen View

A "universal" browser extension (Manifest V3) designed to provide a minimalist, focused experience on x.com. It removes distracting sidebars, centers the main timeline, and provides a dynamic width control slider.

Features

• Centered Timeline: Automatically hides sidebars and centers the primary content column.
• Adjustable Width: Use the floating slider (bottom-right) to adjust the timeline width from 600px to 2500px.
• Persistence: Remembers your preferred width setting using chrome.storage.sync.
• On-Demand Activation: The extension only runs when you click its icon, ensuring no performance overhead on other sites or during normal browsing.
• Cross-Browser Support: Built using Manifest V3 standards, compatible with Chrome, Edge, Brave, and Firefox.

Installation

For Chrome / Edge / Brave:

1. Download or clone this repository.
2. Open your browser and navigate to chrome://extensions/ (or edge://extensions/).
3. Enable Developer mode in the top right corner.
4. Click Load unpacked and select the project folder.

For Firefox:

1. Download or clone this repository.
2. Open Firefox and navigate to about:debugging#/runtime/this-firefox.
3. Click Load Temporary Add-on....
4. Select the manifest.json file in the project folder.

How to Use

1. Navigate to x.com.
2. Click the Twitter Zen View bird icon in your extension toolbar.
3. The Zen view will activate immediately.
4. Use the slider in the bottom-right corner to fine-tune the layout.
5. Click Restore Default to remove the Zen view styles and panel for the current session.

Project Structure

• manifest.json: Extension configuration and permissions.
• background.js: Service worker for on-demand script injection.
• icon.png: Extension icon.
• src/custom-twitter-view.js: Core logic for DOM manipulation, styling, and UI.

License

MIT