back to home

Stability-AI / StableStudio

Community interface for generative AI

9,057 stars
928 forks
62 issues
TypeScriptJavaScriptCSS

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing Stability-AI/StableStudio in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/Stability-AI/StableStudio)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<div align="center" style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1em; margin: 4em 0;"> <img src="./misc/Banner.png" /> <img src="./misc/GenerateScreenshot.png" style="width: 400px; max-width: 600px; flex-grow: 1;" /> <img src="./misc/EditScreenshot.png" style="width: 400px; max-width: 600px; flex-grow: 1;" /> <h3>๐Ÿ‘‹ Welcome to StableStudio, the open-source version of <a href="https://dreamstudio.ai" target="_blank">DreamStudio</a>!</h3>

๐Ÿ—บ Contents โ€“ ๐Ÿš€ Quick Start ยท โ„น๏ธ About ยท ๐Ÿ™‹ FAQ ยท ๐Ÿง‘โ€๐Ÿ’ป Contributing

๐Ÿ“š Documentation โ€“ ๐ŸŽจ UI ยท ๐Ÿ”Œ Plugins ยท <a href="https://platform.stability.ai" target="_blank">โšก๏ธ platform.stability.ai</a>

๐Ÿ”— Links โ€“ <a href="https://discord.com/channels/1002292111942635562/1108055793674227782" target="_blank">๐ŸŽฎ Discord</a> ยท <a href="https://dreamstudio.ai" target="_blank">๐ŸŒˆ DreamStudio</a> ยท <a href="https://github.com/Stability-AI/StableStudio/issues">๐Ÿ›Ÿ Bugs & Support</a> ยท <a href="https://github.com/Stability-AI/StableStudio/discussions">๐Ÿ’ฌ Discussion</a>

<br /> <br /> </div>

<a id="quick-start" href="#quick-start">๐Ÿš€ Quick Start</a>

You'll need to have Node.js and Yarn installed. Then run the following commands to install dependencies and launch StableStudio.

git clone https://github.com/Stability-AI/StableStudio.git
cd StableStudio
yarn
yarn dev

That's it! ๐ŸŽ‰

StableStudio will be running at localhost:3000 by default.

If you are using the default Stability API plugin, You'll need to have your API key handy. Otherwise, you should be good to go!

<a id="about" href="#about">About</a>

<div style="display: flex; justify-content: center; align-items: center; gap: 1em; margin: 0 0 2em 0;"> <img src="./misc/PainterWithRobot.png" style="flex-grow: 1; flex-shrink: 1;" /> </div>

StableStudio is Stability AI's official open-source variant of DreamStudio, our user interface for generative AI. It is a web-based application that allows users to create and edit generated images. We're not entirely sure where this project is going just yet, but we're excited to see what the community does with it!

<a id="faq" href="#faq">FAQ</a>

What's the difference between StableStudio and DreamStudio?

Not much! There are a few tweaks we made to make the project more community-friendly:

  • We removed DreamStudio-specific branding.

  • All "over-the-wire" API calls have been replaced by a plugin system which allows you to easily swap out the back-end.

    • With a little bit of TypeScript, you can create your own plugin and use StableStudio with any back-end you want!
  • We removed Stability-specific account features such as billing, API key management, etc.

Will DreamStudio still be supported?

Yes! Stability's hosted deployment of StableStudio will remain DreamStudio. It will continue to get updates and stay up-to-date with StableStudio whenever possible.

<a id="contributing" href="#contributing">๐Ÿง‘โ€๐Ÿ’ป Contributing</a>

<div style="display: flex; justify-content: center; align-items: center; gap: 1em; margin: 0 0 2em 0;"> <img src="./misc/ProgrammingRobots.png" style="flex-grow: 1; flex-shrink: 1;" /> </div>

Community contributions are encouraged!

The UI package's README is a great place to start. Bug fixes, documentation, general clean-up, new features, etc. are all welcome.

Here are some useful links...