https://github.com/haoming02/sd-webui-tabs-extension

An Extension for Automatic1111 Webui that organizes Extensions into Tabs
https://github.com/haoming02/sd-webui-tabs-extension

stable-diffusion-webui stable-diffusion-webui-plugin

Last synced: 2 months ago
JSON representation

An Extension for Automatic1111 Webui that organizes Extensions into Tabs

• Host: GitHub
• URL: https://github.com/haoming02/sd-webui-tabs-extension
• Owner: Haoming02
• License: mit
• Created: 2023-11-01T04:03:47.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-10T07:24:41.000Z (7 months ago)
• Last Synced: 2025-05-19T20:11:25.557Z (5 months ago)
• Topics: stable-diffusion-webui, stable-diffusion-webui-plugin
• Language: JavaScript
• Homepage:
• Size: 277 KB
• Stars: 92
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# SD Webui Tabs Extension

This is an Extension for the [Automatic1111 Webui](https://github.com/AUTOMATIC1111/stable-diffusion-webui), which replaces the regular Extension layout with a **Tabs** layout instead.

> Compatible with [Forge](https://github.com/lllyasviel/stable-diffusion-webui-forge)






(Catppuccin Theme)



## Features

This was achieved by moving the "contents" of each Extension from the "**Accordion**" *(the dropdown thingy)* into their own separate **Tab**. So now you only need to switch between each tab to change the parameters, rather than scrolling all the way every single time.

When an Extension is enabled, the respective Tab button will be highlighted in the specified color[*](#settings) to indicate that. Additionally, you can `Ctrl + Click` the Tab button to quickly toggle the Extension.

> [!Note]

> - This tries to find the first **Checkbox** with a label containing "enable" or "active" within the Extension. If one is not found, this feature will not be available for said Extension.

> - For ControlNet, this only works on the first Unit. Still thinking of a better solution...

## Configs

After launching the Webui with this Extension installed, it will generate a `tab_configs.csv` file inside the folder. You can edit this file with any text editing program *(**eg.** `Notepad`)* or spreadsheet program *(**eg.** `Excel`)* to change where each element is placed:

- entries

    - `tabs` entry controls where the buttons for the Tabs are placed

    - `default` entry controls where new Extensions should be placed

    - `Scripts` entry refers to the Scripts dropdown

    - `Extra Options` entry refers to the  `Settings for txt2img/img2img` *(if enabled in settings)*

    - The rest of the entries are the names of your installed extensions

- placement

    - `left` side refers to under the parameters *(the original location)*

    - `right` side refers to under the generation gallery

    - `above` refers to above the tab buttons entry

    - `below` refers to below the tab buttons entry

    - `hide` will not show the extension

        - Mainly for extensions with always-active features

    - `keep` will not move the extension at all

        - Mainly for extensions with custom UIs that are not supported:

> [!Important]

> This Extension **only** supports Extensions whose UIs are defined under either `gr.Accordion` or `modules.ui_components.InputAccordion`. If you have some exotic Extensions that ~~like to reinvent the wheels and therefore~~ are not showing up correctly, set it to `keep` instead

> [!Important]

> If you edited the `.csv` file while the Webui is active, you should click **Reload UI** to apply the changes *(not just refresh the browser)*

- Example Config:

    |       | txt | img |

    |-------|-----|-----|

    |  tabs | left|right|

    |default| left|right|

    |ar-plus|above|above|

    |  ...  | left|right|

    |  ...  | keep| keep|

    |  ...  | left|right|

    |Scripts|below|below|

## Settings

> The settings are in the **Tabs Extension** section under the User Interface category

- **Delay:** This Extension moves the contents after a tiny delay to prevent breaking some references

    - If you have a slow machine, you *may* need to increase the delay

- **Color:** The CSS color used to indicate active extensions *(**default:** `GreenYellow`)*

- **Version:** Hide the version number for the Extensions *(**not** recommended)*

- **Forge:** Hide the "Integrated" text for the built-in Extensions

- **Sort:** By default, extensions are sorted based on their order of appearance *(**ie.** The folder names or the `sorting_priority` variable)*; Enable this to sort them based on the order in the `tab_configs.csv`

- **Toggle:** Allow you to click on the button of an opened tab to hide it instead

- **Scripts Toggle:** Additionally allow you to `Ctrl + Click` on the `Scripts` button, to toggle the dropdown between the currently selected script and `None`

- **RMB:** Use `Right Click` instead of `Ctrl + Click` to toggle the Extensions

- **Open:** By default, the first extension is shown; Disable this to hide all the extensions on start up instead

- **Hide Container:** By default, this Extension only moves the contents and hide the Accordions, leaving the extension container untouched. When using certain themes that add margins and paddings, the container may show up as an empty block instead. If you do not have any leftover extensions in the container *(**ie.** Those without Accordion in its UI)*, you can hide the entire container instead.