Nextjs Templates & Themes Logo Nextjs Templates & Themes
Stable Diffusion React Nextjs Mui Pwa screenshot

Stable Diffusion React Nextjs Mui Pwa

Author Avatar Theme by Kiri art
Updated: 1 Jan 2025
134 Stars

PWA Web App front end for Stable Diffusion, on React/NextJS with Material UI

Github Live Preview

Categories

React Material ui

Overview

The Stable Diffusion React NextJS MUI PWA is a web application front-end for Stable Diffusion. It is built on React/NextJS with Material UI. The project, which started development in August 2022, aims to make machine learning and AI image generation more accessible to web developers and enthusiasts. The project is open source and licensed under MIT.

Features

  • Web interface for running Stable Diffusion queries
  • Supports local PC installation
  • Integration with Banana.dev serverless GPU containers
  • Integration with local Banana.dev docker container

Installation

To develop and run the Stable Diffusion React NextJS MUI PWA, follow these steps:

  1. Clone the repository.
  2. Run yarn install to install the dependencies.
  3. Edit the .env.local file or set the necessary local variables.
  4. Run yarn dev to start the development server.

Note: You will need at least one destination or target where Stable Diffusion can run. The following options are available:

  • Local docker image: Recommended option if you have Docker installed. More details can be found at GitHub - kiri-art/docker-diffusers-api.
  • Local Exec: If you already have Stable Diffusion installed locally, you can run the Python script via node spawn. Set the STABLE_DIFFUSION_HOME variable accordingly.
  • Remote BananaDev docker container: This is a serverless GPU option, suitable for local development if you don’t have a supported GPU. It is the default for deployments or when NODE_ENV=“production”. Follow the instructions at GitHub - kiri-art/docker-diffusers-api and set the necessary environment variables (BANANA_API_KEY and BANANA_MODEL_KEY).
  • Others: Additional options may be available, but details are not provided in this document.

Summary

The Stable Diffusion React NextJS MUI PWA is a web application front-end that provides a user-friendly interface to run Stable Diffusion queries. It can be easily set up and deployed on a local machine or a server using different runtime environments. The project aims to make machine learning and AI image generation more accessible to web developers and enthusiasts. It is an open-source project and welcomes contributions from the community.