stability-ai/stablestudio

★ 9,042TypeScriptAudience · vibe coderComplexity · 3/5Setup · moderate

Mindmap

mindmap
  root((stablestudio))
    What It Is
      Open source DreamStudio
      Browser-based UI
    How It Works
      Clone and run locally
      Plugin system
    Plugins
      Stability AI API
      Custom back-ends
    Tech Stack
      TypeScript
    Use Cases
      Self-host image gen
      Custom back-end

mindmap root((stablestudio)) What It Is Open source DreamStudio Browser-based UI How It Works Clone and run locally Plugin system Plugins Stability AI API Custom back-ends Tech Stack TypeScript Use Cases Self-host image gen Custom back-end

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Run a local AI image generation interface in your browser connected to your own Stable Diffusion server.

USE CASE 2

Connect StableStudio to a custom image generation back-end by writing a TypeScript plugin.

USE CASE 3

Use the full DreamStudio interface with your Stability AI API key without paying for the hosted service.

USE CASE 4

Self-host and customize the UI to build a branded image generation tool on top of any AI back-end.

Tech stack

TypeScript

Getting it running

Difficulty · moderate Time to first run · 30min

Requires a Stability AI API key or a self-hosted image generation server to produce actual images.

License not specified in the explanation.

In plain English

StableStudio is the open-source version of DreamStudio, a web application made by Stability AI for generating and editing images using AI. If you have heard of Stable Diffusion, the AI image generation model, this is the official graphical interface that Stability AI built for working with it. The application runs in a web browser. You clone the code to your own computer, install the dependencies, run a single command, and then access the tool at a local address in your browser. The setup process is intentionally short and the README describes it as four commands total. The main difference between StableStudio and the hosted DreamStudio service is that StableStudio replaces the account and billing features with a plugin system. Instead of being locked into Stability AI's own back-end, you can connect StableStudio to any image generation back-end you prefer by writing or installing a plugin. This makes it useful for people running their own AI image servers locally or through other providers. Out of the box it comes with a plugin that connects to Stability AI's API, so you can use it with your Stability AI account and API key if you have one. The plugin system is written in TypeScript and the README notes that anyone with some TypeScript knowledge can build their own plugin to support a different back-end. The hosted version of this product, DreamStudio, continues to exist as a separate service and stays in sync with the open-source version. This repository is for people who want to self-host, customize, or build on top of the interface rather than use the managed version.

Copy-paste prompts

Prompt 1

Clone StableStudio, run the four setup commands from the README, and connect it to my Stability AI API key so I can generate images in the browser locally.

Prompt 2

Write a TypeScript StableStudio plugin that connects the UI to a self-hosted ComfyUI backend instead of the Stability AI API, passing text prompts and returning generated images.

Prompt 3

Build a minimal TypeScript StableStudio plugin that sends a text prompt to a local Automatic1111 server and returns the generated image to the UI.

Prompt 4

Walk me through how the StableStudio plugin system works so I can swap in a different image generation back-end without touching the core UI code.

Open on GitHub → Explain another repo

← stability-ai on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.