Skip to content

benchiong/whatsai-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

WhatsAI - An easy-to-use UI fully based on ComfyUI.

Simply put: You can translate any ComfyUI workflow into a WhatsAI Card (a UI built with React and Mantine).

WhatsUI Card and ComfyUI Workflow

WhatsAI Card ComfyUI Workflow
Stable Diffusion Image-to-Image ComfyUI Img2Img
Stable-Diffusion-Text-to-Image ComfyUI Lora
Stable Diffusion Inpaint ComfyUI Inpaint
Stable Diffusion Outpaint ComfyUI Outpaint
SDXL With Refiner ComfyUI SDXL
SD3 ComfyUI SD3
Flux Dev ComfyUI Flux Dev
Flux Schnell ComfyUI Flux Schnell
Flux Inpaint ComfyUI Flux Inpaint
Flux Outpaint ComfyUI Flux Outpaint
Lightricks Text-to-Video ComfyUI LTX-T2V
Lightricks Image-to-Video ComfyUI LTX-I2V
Mochi Text-to-Video ComfyUI Mochi-T2V
Hunyuan Dit Text-Image ComfyUI Hunyuan-dit-T2I
Hunyuan Text-to-Video ComfyUI Hunyuan-Video

more are coming...

cover

Installation

This project consists of an Electron + Next.js frontend and a Python backend. The backend-manager is a utility tool designed to manage the backend during packaging. For now, you can ignore it since the packaging process is still being optimized.

Steps to Install

Clone the repository

git clone https://github.com/your-repo-name.git

Install the Frontend (Electron + Next.js):

cd frontend

Install dependencies: Ensure you have Node.js installed.

npm install
nextron --renderer-port 6791

This will start the Next.js frontend and Electron in development mode.

Install the Backend (Python):

Navigate to the backend directory:

cd backend

# (Optional) Set up a Python virtual environment:
python3 -m venv venv
source venv/bin/activate

# On Windows: venv\Scripts\activate

Install dependencies: Ensure you have Python 3.12 installed.

pip install -r requirements.txt
python main.py

You can also check out the ComfyUI installation guide for reference.

Ensure both the frontend and backend are running simultaneously for the full application to work.

Frontend dependencies are listed in package.json, while backend dependencies are managed via requirements.txt. If you encounter issues, verify that your Node.js and Python versions meet the requirements.

Credits