File size: 2,303 Bytes
1fd2505 8590656 1fd2505 8590656 254f7c9 68f281e a7515c1 254f7c9 8590656 a7515c1 8590656 a7515c1 68f281e a7515c1 8590656 a7515c1 68f281e a7515c1 8590656 a7515c1 8590656 a7515c1 68f281e a7515c1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
---
title: 🤗 No-code Gradio Demo Tutorial
emoji: 💻
colorFrom: yellow
colorTo: yellow
sdk: gradio
sdk_version: 3.16.1
app_file: app.py
pinned: false
---
# 🤗 No-code Gradio Demo Tutorial
This space contains a Gradio demo that was created **without typing any code**!
It enables you to generate photorealistic images based on a prompt.
Here are the steps to take to create your own demo *in a few minutes* without any code:
1. You can easily create a demo using [this HF space](https://huggingface.co/spaces/anzorq/sd-space-creator). You will have to provide a token with write access to continue as shown in the image below:
<p align="center">
<img alt="gradio-demo-tutorial-1" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/1%20-%20gotToSpaceCreationl.PNG">
<em Enter a WRITE token.</em>
</p>
2. If your token is valid, a prompt will enable you to specify the URL or ID of the model on the HF Hub you would like to use in this demo. For example [darkstorm2150/Protogen_x3.4_Official_Release](https://huggingface.co/darkstorm2150/Protogen_x3.4_Official_Release), which is a diffusion model able to generate photorealistic images from a prompt. Click on "Load model".
<p align="center">
<img alt="gradio-demo-tutorial-2" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/4-PasteTokenChooseModel.PNG">
<em Specify a model.</em>
</p>
3. Then, you can specify a few details about your demo, such as:
- Name
- Title
- Description
- Space type
- Hardware (CPU? GPU?)
Click on "Create the space". Your space will now be getting built.
<p align="center">
<img alt="gradio-demo-tutorial-3" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/5-SpaceCreated.PNG">
<em Specify a model.</em>
</p>
4. Once your space is built, you can reach it at https://huggingface.co/spaces/SPACE_NAME.
5. You can enter a prompt to generate an image with the space you just built! The demo embedded in this space was created that way without typing any code!
<p align="center">
<img alt="gradio-demo-tutorial-5" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/6-GotYourNewSpace.PNG">
<em Specify a model.</em>
</p>
|