Showcase Your Projects in Spaces using Gradio

📰 Hugging Face Blog

Showcase machine learning projects in Hugging Face Spaces using Gradio

intermediate Published 5 Oct 2021
Action Steps
  1. Define the Interface in Gradio with the repository ID of the model, description, title, and example inputs
  2. Call .launch() to start the demo
  3. Use Hugging Face Spaces to host the demo app in Python
Who Needs to Know This

Data scientists and machine learning engineers can benefit from using Gradio to demo their models in Hugging Face Spaces, making it easier to share and collaborate with others

Key Insight

💡 Gradio integration with Hugging Face Hub allows for seamless demoing of models with few lines of code

Share This
💡 Showcase your ML projects in @huggingface Spaces using @gradio!

Key Takeaways

Showcase machine learning projects in Hugging Face Spaces using Gradio

Full Article

Published Time: 2021-10-05T00:00:00.031Z

# Showcase Your Projects in Spaces using Gradio

[![Image 1: Hugging Face's logo](https://huggingface.co/front/assets/huggingface_logo-noborder.svg)Hugging Face](https://huggingface.co/)

* [Models](https://huggingface.co/models)
* [Datasets](https://huggingface.co/datasets)
* [Spaces](https://huggingface.co/spaces)
* [Buckets new](https://huggingface.co/storage)
* [Docs](https://huggingface.co/docs)
* [Enterprise](https://huggingface.co/enterprise)
* [Pricing](https://huggingface.co/pricing)
*
*
* * *

* [Log In](https://huggingface.co/login)
* [Sign Up](https://huggingface.co/join)

[Back to Articles](https://huggingface.co/blog)

# [](https://huggingface.co/blog/gradio-spaces#showcase-your-projects-in-spaces-using-gradio) Showcase Your Projects in Spaces using Gradio

Published October 5, 2021

[Update on GitHub](https://github.com/huggingface/blog/blob/main/gradio-spaces.md)

[- [x] Upvote 14](https://huggingface.co/login?next=%2Fblog%2Fgradio-spaces)
* [![Image 2](https://cdn-avatars.huggingface.co/v1/production/uploads/1659922312540-610a70f35a40a8bfebfbf09b.jpeg)](https://huggingface.co/mrdbourke "mrdbourke")
* [![Image 3](https://cdn-avatars.huggingface.co/v1/production/uploads/63a7183ee27a6dbd485cff9f/AelXC9zlVFWXS30XRAdTL.png)](https://huggingface.co/VanshGehlot "VanshGehlot")
* [![Image 4](https://huggingface.co/avatars/d5e1b1395744533468f5b170d9034116.svg)](https://huggingface.co/silvaKenpachi "silvaKenpachi")
* [![Image 5](https://cdn-avatars.huggingface.co/v1/production/uploads/64d3f93adae613392cc6aa1a/WrFPHe28mP0avasKq-1t4.jpeg)](https://huggingface.co/kian182 "kian182")
* [![Image 6](https://cdn-avatars.huggingface.co/v1/production/uploads/64fbe312dcc5ce730e763dc6/BLFZKjH8Lllt30mteSmdw.png)](https://huggingface.co/Canstralian "Canstralian")
* [![Image 7](https://huggingface.co/avatars/8d2144ab59844938f1b7d262ca3d1d71.svg)](https://huggingface.co/balaji1233 "balaji1233")
* +8

[![Image 8: merve's avatar](https://cdn-avatars.huggingface.co/v1/production/uploads/6141a88b3a0ec78603c9e784/DJsxSmWV39M33JFheLobC.jpeg)](https://huggingface.co/merve)

[merve merve Follow](https://huggingface.co/merve)

* [Hugging Face Hub Integration in Gradio](https://huggingface.co/blog/gradio-spaces#hugging-face-hub-integration-in-gradio "Hugging Face Hub Integration in Gradio")

* [Serving Custom Model Checkpoints with Gradio in Hugging Face Spaces](https://huggingface.co/blog/gradio-spaces#serving-custom-model-checkpoints-with-gradio-in-hugging-face-spaces "Serving Custom Model Checkpoints with Gradio in Hugging Face Spaces")

* [Mix and Match Models!](https://huggingface.co/blog/gradio-spaces#mix-and-match-models "Mix and Match Models!")

* [Uploading your Models to the Spaces](https://huggingface.co/blog/gradio-spaces#uploading-your-models-to-the-spaces "Uploading your Models to the Spaces")

It's so easy to demonstrate a Machine Learning project thanks to [Gradio](https://gradio.app/).
In this blog post, we'll walk you through:

* the recent Gradio integration that helps you demo models from the Hub seamlessly with few lines of code leveraging the [Inference API](https://huggingface.co/inference-api).
* how to use Hugging Face Spaces to host demos of your own models.

## [](https://huggingface.co/blog/gradio-spaces#hugging-face-hub-integration-in-gradio) Hugging Face Hub Integration in Gradio

You can demonstrate your models in the Hub easily. You only need to define the [Interface](https://gradio.app/docs#interface) that includes:

* The repository ID of the model you want to infer with
* A description and title
* Example inputs to guide your audience

After defining your Interface, just call `.launch()` and your demo will start running. You can do this in Colab, but if you want to share it with the community a great option is to use Spaces!

Spaces are a simple, free way to host your ML demo apps in Python. To do so, you can crea
Read full article → ← Back to Reads

Related Videos

5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
Dave Ebbelaar (LLM Eng)
Kimi K3 by Moonshot AI Surpassed Claude Fable 5
Kimi K3 by Moonshot AI Surpassed Claude Fable 5
Dr Mehrdad Arashpour
Get expert perspectives on any problem with Gemini Gems | Google AI Professional Certificate
Get expert perspectives on any problem with Gemini Gems | Google AI Professional Certificate
Google Career Certificates
Learn to use AI as your strategic thought partner | Google AI Professional Certificate
Learn to use AI as your strategic thought partner | Google AI Professional Certificate
Google Career Certificates
What Are Embeddings in AI? | When to Use Them & Why They Matter
What Are Embeddings in AI? | When to Use Them & Why They Matter
Pavithra’s Podcast
What is LLM? Explained in one minute #karthiksshow #chatgpt #artificialintelligence
What is LLM? Explained in one minute #karthiksshow #chatgpt #artificialintelligence
Karthik's Show