https://github.com/jonathan881005/gemini-better-ui

Enhances Gemini UI: Adjustable chat width, 5-state canvas layout toggle
https://github.com/jonathan881005/gemini-better-ui

extension gemini uienhancement userscript userscripts

Last synced: 11 months ago
JSON representation

Enhances Gemini UI: Adjustable chat width, 5-state canvas layout toggle

• Host: GitHub
• URL: https://github.com/jonathan881005/gemini-better-ui
• Owner: Jonathan881005
• License: mit
• Created: 2025-05-09T20:46:55.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-13T06:59:11.000Z (11 months ago)
• Last Synced: 2025-07-13T08:45:53.810Z (11 months ago)
• Topics: extension, gemini, uienhancement, userscript, userscripts
• Language: JavaScript
• Homepage:
• Size: 74.2 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[中文說明](#chinese-documentation)

# Gemini-Better-UI (Gemini Interface Optimization)

![version badge](https://img.shields.io/greasyfork/v/535508?label=version&color=green)  

Enhances Gemini interface with a **Dynamic Tab Title**, Adjustable Chat Width, an Enhanced Delete Confirmation, and a 5-state Canvas Layout Toggle.

---

## Key Features

* **Dynamic Tab Title**

    -   Automatically updates the browser tab title to the name of the current conversation. Reliably handles new chats, switching, and page reloads.

* **Enhanced Delete Confirmation**

    -   Displays the chat title directly in the confirmation dialog to prevent accidental deletion, ensuring you always know what you're deleting.

* **Adjustable Chat Container Width**

    -   Easily resize the main chat conversation area.

* **5-State Canvas Layout Toggle**

    -   Switch between five predefined layouts for the chat and Canvas panels.

---

## Installation

1.  **Install a Userscript Manager**

    -   You need a userscript manager to use this script.  

    -   [Tampermonkey](https://www.tampermonkey.net/)  

        -   A popular choice (available for Chrome, Firefox, Edge, Safari, etc.).

2.  **Install the Script**

    -   Choose one of the following sources to install the script:

    * **Greasy Fork:**

        * [Install latest version from Greasy Fork](https://greasyfork.org/zh-TW/scripts/535508-gemini-better-ui)

        (Recommended for automatic updates)

    * **GitHub (Direct Install from .user.js):**

        * [Click here to install directly from GitHub](https://github.com/Jonathan881005/Gemini-Better-UI/raw/refs/heads/main/Gemini-Better-UI.user.js)

        (No automatic updates)

    

---

## Usage

Control buttons are located at the bottom right corner of the page:

* `-` : Decrease chat width

* `+` : Increase chat width

* `|<` : Previous Canvas layout (only active when Canvas panel is visible)

* `>|` : Next Canvas layout (only active when Canvas panel is visible)

---

## Support My Work

If you're enjoying it, a [GitHub star](https://github.com/Jonathan881005/Gemini-Better-UI/) would help me find a job.  




You can also [Buy Me a Coffee](https://ko-fi.com/jonathanlu1005).

---

## License

Released under the [MIT License](https://opensource.org/license/MIT).

---





# Gemini-Better-UI (Gemini 介面優化) 

![version badge](https://img.shields.io/greasyfork/v/535508?label=version&color=green)

---

增強 Gemini 介面，提供動態分頁標題、可調整的對話框寬度、強化的刪除確認視窗、以及 Canvas Layout 切換。

---

## 主要功能

* **動態分頁標題**

    -   自動將分頁標題更新為當前對話的名稱。能可靠地處理新對話、切換對話、以及頁面重新整理等各種情況。

* **強化的刪除確認視窗**

    -   在刪除確認視窗中直接顯示聊天標題，讓您永遠清楚知道正在刪除哪個項目，有效防止誤刪操作。

* **可調整的聊天容器寬度**

    -   方便地縮放主要聊天對話區域的寬度。

* **五段式 Canvas 佈局切換**

    -   在五種為 對話框 和 Canvas 面板預設的佈局之間進行切換。

---

## 安裝方式

1.  **安裝使用者腳本管理器**

    -   需要先安裝使用者腳本管理器

    -   [Tampermonkey](https://www.tampermonkey.net/)

        -   推薦使用 (支援 Chrome, Firefox, Edge, Safari...)。

2.  **安裝腳本**

    選擇以下任一來源安裝腳本：

    * **Greasy Fork:** [點擊此處從 Greasy Fork 安裝](https://greasyfork.org/zh-TW/scripts/535508-gemini-better-ui) 

    (推薦，可自動更新)

    * **GitHub:** [點擊此處從 GitHub 直接安裝](https://github.com/Jonathan881005/Gemini-Better-UI/raw/refs/heads/main/Gemini-Better-UI.user.js)

    (無自動更新功能)

---

## 使用說明

控制按鈕位於頁面的右下角：

* `-` : 減少 Chat 寬度

* `+` : 增加 Chat 寬度

* `|<` : 切換到上一個 Canvas 佈局（僅 Canvas 可見時有效）

* `>|` : 切換到下一個 Canvas 佈局（僅 Canvas 可見時有效）

---

## 支持

如果覺得好用，可以給我一個 [GitHub Star](https://github.com/Jonathan881005/Gemini-Better-UI/) 讓我更快找到工作。  




也可以 [請我喝杯咖啡](https://ko-fi.com/jonathanlu1005)。

---

## 授權條款

根據 [MIT 授權條款](https://opensource.org/license/MIT) 發布。