Summary

At the time of writing this chapter (December 2023), there isn’t much information or sample code to help us get started using diffusers with Gradio. We wrote this chapter to help quickly build up a Stable Diffusion application in Web UI so that we can share the result with others in minutes without touching one line of HTML, CSS, or JavaScript, using pure Python throughout the building process.

This chapter introduced Gradio, what it can do, and why it is popular. We didn’t touch on every bit of Gradio; we believe that its official document [1] does this job better. Instead, we used a simple example to explain the backbone of Gradio and what we need to prepare to build a Stable Diffusion Web UI with Gradio.

Finally, we introduced Blocks, inputs, outputs, the progress bar, and event bindings all together and built up a tiny but fully functioning Stable Diffusion pipeline in Gradio.

In the next chapter, we will delve into a relatively complex topic: model...