This chapter covers
- Building basic UI with Gradio
- Configuring and customizing your Gradio application
- Sharing and deploying your Gradio application on Hugging Face Spaces
- Creating a chatbot UI for chatbot applications
Imagine that you’ve spent weeks coding your machine learning project, and it’s finally done. Now you’re eager to show it off to your friends, and you hope it will impress your boss. But you have one more thing to do: create a nice shiny frontend to impress your users.
Developers excel in technical aspects and problem-solving, but their strengths may not always align with creative design. How do you come up with a nice web frontend that can interface with your machine learning models?
Gradio, an open source Python package, makes it quick and easy to build a demo web application that showcases your machine learning applications. What’s more, with a single click, you can share a link to your demo application using Gradio’s built-in sharing feature.
10.1 Basics of Gradio
!pip install gradio
NOTE At this writing, the latest version of the Gradio Python package is 5.18.0.
Let’s start by exploring how Gradio works. You’ll create a simple Gradio application and then dive into how it works and how to deploy it in a production environment. Specifically, you’ll learn how to do the following: