Edit model card
YAML Metadata Warning: empty or missing yaml metadata in repo card (https://huggingface.co/docs/hub/model-cards#model-card-metadata)

Stable Diffusion web UI-UX

Not just a browser interface based on Gradio library for Stable Diffusion. A pixel perfect design, mobile friendly, customizable interface that adds accessibility, ease of use and extended functionallity to the stable diffusion web ui. Enjoy!

Default theme

anapnoe_uiux

Features of ui-ux

  • resizable viewport
  • switchable viewports (DoubleClick on the split handler to swap views) option in settings for default position
  • mobile navigation
  • top header tabs (option setting)
  • hidden tabs (option setting) no need to restart this is a different implementation
  • drag and drop reordable quick settings offcanvas aside view
  • drag and drop images to txt2img and img2img and import generation info parameters along with a preview image
  • ignore - remove overrides when import [multiselect] (option setting)
  • resizable cards for extra networks and number of rows (option setting)
  • lazy loading alternative offcanvas aside view for extra networks (option setting)
  • live preview image fit method (option setting)
  • generated image fit method (option setting)
  • max resolution output for txt2img and img2img (option setting)
  • performant dispatch for gradio's range slider and input number field issue: https://github.com/gradio-app/gradio/issues/3204 (option setting) latest update uses only one instance clone to mediate for the release event
  • ticks input range sliders (option setting)
  • pacman preloader unified colors on reload ui
  • frame border animation when generating images
  • progress bar on top of the page always visible (when scroll for mobile)
  • remix icons
  • style theme configurator extension to customize every aspect of theme in real time with cool global functions to change the hue / saturation / brightness or invert the theme colors
  • pan and zoom in out functionality for sketch, inpaint, inpaint sketch
  • fullscreen support for sketch, inpaint, inpaint sketch
  • better lightbox with zoom in-out mobile gestures support etc..

TODO

  • small arrows next to icons sent to inpaint, extras, img2img etc
  • component gallery navigate to previous generations inside the txt2img, img2img interface
  • and auto load the current generation settings
  • credits/about page display all 300+ contributors so far inside the UI

Quick Settings aside off-canvas view - drag and drop to custom sort your settings

anapnoe_uiux_quicksettings

Extra Networks aside off-canvas view

anapnoe_uiux_extra_networks

Detail img2img sketch view

anapnoe_uiux_sketch

Theme Configurator - aside off-canvas view

anapnoe_uiux_theme_config

Mobile 395px width

anapnoe_uiux_mobile

Features

Detailed feature showcase with images

Installation and Running

Make sure the required dependencies are met and follow the instructions available for both NVidia (recommended) and AMD GPUs.

Alternatively, use online services (like Google Colab):

Installation on Windows

  1. Install Python 3.10.6 (Newer version of Python does not support torch), checking "Add Python to PATH".
  2. Install git.
  3. Download the stable-diffusion-webui-ux repository, for example by running git clone https://github.com/anapnoe/stable-diffusion-webui-ux.git.
  4. Run webui-user.bat from Windows Explorer as normal, non-administrator, user.

Installation on Linux

  1. Install the dependencies:
# Debian-based:
sudo apt install wget git python3 python3-venv
# Red Hat-based:
sudo dnf install wget git python3
# Arch-based:
sudo pacman -S wget git python3
  1. Navigate to the directory you would like the webui to be installed and execute the following command:
bash <(wget -qO- https://raw.githubusercontent.com/anapnoe/stable-diffusion-webui-ux/master/webui.sh)
  1. Run webui.sh.
  2. Check webui-user.sh for options.

Installation on Apple Silicon

Find the instructions here. and replace the path in step 3 with git clone https://github.com/anapnoe/stable-diffusion-webui-ux

Contributing

Here's how to add code to the original repo: Contributing

Documentation

The documentation was moved from this README over to the project's wiki.

Credits

Licenses for borrowed code can be found in Settings -> Licenses screen, and also in html/licenses.html file.

Downloads last month

-

Downloads are not tracked for this model. How to track
Inference API
Unable to determine this model's library. Check the docs .