hugging-face-gradio

name	hugging-face-gradio
description	Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
risk	unknown
source	https://github.com/huggingface/skills/tree/main/skills/huggingface-gradio
source_repo	huggingface/skills
source_type	official
date_added	2026-07-01T00:00:00.000Z
license	Apache-2.0
license_source	https://github.com/huggingface/skills/blob/main/LICENSE

Gradio

When to Use

Use this skill when you need build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.

Gradio is a Python library for building interactive web UIs and ML demos. This skill covers the core API, patterns, and examples.

Guides

Detailed guides on specific topics (read these when relevant):

• Quickstart
• The Interface Class
• Blocks and Event Listeners
• Controlling Layout
• More Blocks Features
• Custom CSS and JS
• Streaming Outputs
• Streaming Inputs
• Sharing Your App
• Custom HTML Components
• Getting Started with the Python Client
• Getting Started with the JS Client

Core Patterns

Interface (high-level): wraps a function with input/output components.

import gradio as gr

def greet(name):
    return f"Hello {name}!"

gr.Interface(fn=greet, inputs="text", outputs="text").launch()

Blocks (low-level): flexible layout with explicit event wiring.

import gradio as gr

with gr.Blocks() as demo:
    name = gr.Textbox(label="Name")
    output = gr.Textbox(label=)
    btn = gr.Button()
    btn.click(fn= n: , inputs=name, outputs=output)

demo.launch()