Spaces:
Running
Running
Update README.md
Browse files
README.md
CHANGED
@@ -13,9 +13,9 @@ pinned: false
|
|
13 |
</h2>
|
14 |
<img class="lg:col-span-2" src="https://huggingface.co/spaces/Gradio-Blocks/README/resolve/main/banner.png" alt="Gradio Banner" style="margin:10px">
|
15 |
<p class="lg:col-span-2">
|
16 |
-
We are happy to invite you to the Gradio Blocks Party - a community event in which we will create <b>interactive demos</b> for state-of-the-art machine learning models. Demos are powerful because they allow anyone — not just ML engineers — to try out models in the browser, give feedback on predictions, identify trustworthy models. The event will take place from May 16th to 31st
|
17 |
|
18 |
-
<p class="lg:col-span-2"> We will be building demos using the new Gradio Blocks API. Blocks allows you to build web-based demos in a flexible way using the <a href="https://www.gradio.app">Gradio library</a>. Gradio is a popular choice for building demos for machine learning models, as it allows you to create UIs
|
19 |
</p>
|
20 |
<br />
|
21 |
<video class="lg:col-span-2"
|
@@ -24,7 +24,7 @@ pinned: false
|
|
24 |
Your browser does not support the video tag.
|
25 |
</video>
|
26 |
<br />
|
27 |
-
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">
|
28 |
<p class="lg:col-span-2">
|
29 |
Gradio is a Python library that allows you to quickly build web-based machine learning demos, data science dashboards, or other kinds of web apps, entirely in Python. These web apps can be launched from wherever you use Python (jupyter notebooks, colab notebooks, Python terminal, etc.) and shared with anyone instantly using Gradio's auto-generated share links. To learn more about Gradio see the Getting Started Guide: <a href="https://gradio.app/getting_started/" target="_blank" style="text-decoration: underline">https://gradio.app/getting_started/</a> and the new Course on Huggingface about Gradio: <a href="https://huggingface.co/course/chapter9/1?fw=pt" style="text-decoration: underline" target="_blank">Gradio Course</a>.
|
30 |
</p>
|
@@ -33,7 +33,7 @@ pinned: false
|
|
33 |
<br />
|
34 |
<p class="lg:col-span-2"><code>pip install gradio</code> to install gradio locally</p>
|
35 |
<br />
|
36 |
-
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">
|
37 |
<p class="lg:col-span-2">
|
38 |
<code>gradio.Blocks</code> is a low-level API that allows you to have full control over the data flows and layout of your application. You can build very complex, multi-step applications using Blocks.
|
39 |
If you have already used gradio.Interface, you know that you can easily create fully-fledged machine learning demos with just a few lines of code. The Interface API is very convenient but in some cases may not be sufficiently flexible for your needs. For example, you might want to:
|
@@ -103,6 +103,7 @@ pinned: false
|
|
103 |
<li class="my-4">1st place winner based on likes<ul class="lg:col-span-2" style="list-style: circle inside;padding-left: 40px;">
|
104 |
<li class="my-4"><a href="https://huggingface.co/pricing">Hugging Face PRO subscription</a> for 1 year</li>
|
105 |
<li class="my-4">Embedding your Gradio Blocks demo in the Gradio Blog</li>
|
|
|
106 |
</ul>
|
107 |
</li>
|
108 |
<li class="my-4">top 10 winners based on likes<ul class="lg:col-span-2" style="list-style: circle inside;padding-left: 40px;">
|
|
|
13 |
</h2>
|
14 |
<img class="lg:col-span-2" src="https://huggingface.co/spaces/Gradio-Blocks/README/resolve/main/banner.png" alt="Gradio Banner" style="margin:10px">
|
15 |
<p class="lg:col-span-2">
|
16 |
+
We are happy to invite you to the Gradio Blocks Party - a community event in which we will create <b>interactive demos</b> for state-of-the-art machine learning models. Demos are powerful because they allow anyone — not just ML engineers — to try out models in the browser, give feedback on predictions, identify trustworthy models. The event will take place from <b>May 16th to 31st</b>. We will be organizing this event on <a href="https://github.com/huggingface/community-events" target="_blank" style="text-decoration: underline">Github</a> and the <a href="https://discord.com/invite/feTf9x3ZSB" target="_blank" style="text-decoration: underline">Hugging Face discord channel</a>. Prizes will be given at the end of the event, see the <a href="#Prizes" target="_blank" style="text-decoration: underline">Prizes section</a> </p><br />
|
17 |
|
18 |
+
<p class="lg:col-span-2"> We will be building demos using the new Gradio Blocks API. Blocks allows you to build web-based demos in a flexible way using the <a href="https://www.gradio.app">Gradio library</a>. Gradio is a popular choice for building demos for machine learning models, as it allows you to create web-based UIs all in Python. For example, here is a UI for Dall-E Mini using Gradio Blocks:
|
19 |
</p>
|
20 |
<br />
|
21 |
<video class="lg:col-span-2"
|
|
|
24 |
Your browser does not support the video tag.
|
25 |
</video>
|
26 |
<br />
|
27 |
+
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">More About Gradio</h3>
|
28 |
<p class="lg:col-span-2">
|
29 |
Gradio is a Python library that allows you to quickly build web-based machine learning demos, data science dashboards, or other kinds of web apps, entirely in Python. These web apps can be launched from wherever you use Python (jupyter notebooks, colab notebooks, Python terminal, etc.) and shared with anyone instantly using Gradio's auto-generated share links. To learn more about Gradio see the Getting Started Guide: <a href="https://gradio.app/getting_started/" target="_blank" style="text-decoration: underline">https://gradio.app/getting_started/</a> and the new Course on Huggingface about Gradio: <a href="https://huggingface.co/course/chapter9/1?fw=pt" style="text-decoration: underline" target="_blank">Gradio Course</a>.
|
30 |
</p>
|
|
|
33 |
<br />
|
34 |
<p class="lg:col-span-2"><code>pip install gradio</code> to install gradio locally</p>
|
35 |
<br />
|
36 |
+
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">Gradio Blocks</h3>
|
37 |
<p class="lg:col-span-2">
|
38 |
<code>gradio.Blocks</code> is a low-level API that allows you to have full control over the data flows and layout of your application. You can build very complex, multi-step applications using Blocks.
|
39 |
If you have already used gradio.Interface, you know that you can easily create fully-fledged machine learning demos with just a few lines of code. The Interface API is very convenient but in some cases may not be sufficiently flexible for your needs. For example, you might want to:
|
|
|
103 |
<li class="my-4">1st place winner based on likes<ul class="lg:col-span-2" style="list-style: circle inside;padding-left: 40px;">
|
104 |
<li class="my-4"><a href="https://huggingface.co/pricing">Hugging Face PRO subscription</a> for 1 year</li>
|
105 |
<li class="my-4">Embedding your Gradio Blocks demo in the Gradio Blog</li>
|
106 |
+
<li class="my-4">Gradio Team Office Hour</li>
|
107 |
</ul>
|
108 |
</li>
|
109 |
<li class="my-4">top 10 winners based on likes<ul class="lg:col-span-2" style="list-style: circle inside;padding-left: 40px;">
|