Gradio Agents & MCP Hackathon

Winners
Gradio logo

Documentation

Gradio

gradio
Build and share machine learning demos and web applications using the core Gradio Python library.
Python Client
gradio-client
Make programmatic requests to Gradio applications from Python environments.
Javascript Client
@gradio/client
Make programmatic requests to Gradio applications in JavaScript (TypeScript) from the browser or server-side.
Third Party Clients
Make programmatic requests to Gradio applications using third party clients built by the gradio community.
Javascript Components
Use Gradio's UI components in standalone JavaScript applications outside of the Gradio environment.
Custom Components
Create, use, and share your own custom components within a Gradio application.
Gradio Lite
@gradio/lite
Run Gradio's Python code serverless (entirely in your browser) using WebAssembly.

Guides

Getting Started

Quickstart

Building Interfaces

The Interface Class

More On Examples

Flagging

Interface State

Reactive Interfaces

Four Kinds Of Interfaces

Building With Blocks

Blocks And Event Listeners

Controlling Layout

State In Blocks

Dynamic Apps With Render Decorator

More Blocks Features

Custom CSS And JS

Using Blocks Like Functions

TRANSLATION, HUB, SPACES

Additional Features

Queuing

Streaming Outputs

Streaming Inputs

Alerts

Progress Bars

Batch Functions

Sharing Your App

File Access

Multipage Apps

Environment Variables

Resource Cleanup

Themes

Client Side Functions

View Api Page

Internationalization

internationalization, i18n, language

Chatbots

Creating A Chatbot Fast

LLM, CHATBOT, NLP

Chatinterface Examples

LLM, CHATBOT, API

Agents And Tool Usage

LLM, AGENTS, CHAT

Creating A Custom Chatbot With Blocks

NLP, TEXT, CHAT

Chatbot Specific Events

LLM, CHAT

Creating A Discord Bot From A Gradio App

CHAT, DEPLOY, DISCORD

Creating A Slack Bot From A Gradio App

CHAT, DEPLOY, SLACK

Creating A Website Widget From A Gradio Chatbot

CHAT, DEPLOY, WEB

Data Science And Plots

Creating Plots

Time Plots

Filters Tables And Stats

Connecting To A Database

Streaming

Streaming Ai Generated Audio

AUDIO, STREAMING

Object Detection From Webcam With Webrtc

VISION, STREAMING, WEBCAM

Object Detection From Video

VISION, STREAMING, VIDEO

Conversational Chatbot

AUDIO, STREAMING, CHATBOTS

Real Time Speech Recognition

ASR, SPEECH, STREAMING

Automatic Voice Detection

AUDIO, STREAMING, CHATBOTS, VOICE

Custom Components

Custom Components In Five Minutes

Key Component Concepts

Configuration

Backend

Frontend

Frequently Asked Questions

Pdf Component Example

Multimodal Chatbot Part1

Documenting Custom Components

Gradio Clients And Lite

Getting Started With The Python Client

CLIENT, API, SPACES

Getting Started With The Js Client

CLIENT, API, SPACES

Querying Gradio Apps With Curl

CURL, API, SPACES

Gradio And Llm Agents

Gradio Lite

SERVERLESS, BROWSER, PYODIDE

Gradio Lite And Transformers Js

SERVERLESS, BROWSER, PYODIDE, TRANSFORMERS

Fastapi App With The Gradio Client

CLIENT, API, WEB APP

Mcp

Building An Mcp Client With Gradio

Building Mcp Server With Gradio

MCP, TOOL, LLM, SERVER

Using Docs Mcp

MCP, TOOL, LLM, SERVER, DOCS

File Upload Mcp

MCP, TOOL, LLM, SERVER, DOCS

Other Tutorials

Using Hugging Face Integrations

HUB, SPACES, EMBED

Gradio And Comet

COMET, SPACES

Gradio And ONNX On Hugging Face

ONNX, SPACES

Gradio And Wandb Integration

WANDB, SPACES

Create Your Own Friends With A Gan

GAN, IMAGE, HUB

Creating A Dashboard From Bigquery Data

TABULAR, DASHBOARD, PLOTS

Creating A Dashboard From Supabase Data

TABULAR, DASHBOARD, PLOTS

Creating A Realtime Dashboard From Google Sheets

TABULAR, DASHBOARD, PLOTS

Deploying Gradio With Disco

DEPLOYMENT

Deploying Gradio With Docker

DEPLOYMENT, DOCKER

Developing Faster With Reload Mode

How To Use 3D Model Component

VISION, IMAGE

Image Classification In Pytorch

VISION, RESNET, PYTORCH

Image Classification With Vision Transformers

VISION, TRANSFORMERS, HUB

Installing Gradio In A Virtual Environment

INSTALLATION

Named Entity Recognition

NER, TEXT, HIGHLIGHT

Plot Component For Maps

PLOTS, MAPS

Running Background Tasks

TASKS, SCHEDULED, TABULAR, DATA

Running Gradio On Your Web Server With Nginx

DEPLOYMENT, WEB SERVER, NGINX

Setting Up A Demo For Maximum Performance

CONCURRENCY, LATENCY, PERFORMANCE

Styling The Gradio Dataframe

DATAFRAME, STYLE, COLOR

Theming Guide

THEMES

Understanding Gradio Share Links

Using Flagging

FLAGGING, DATA

Using Gradio For Tabular Workflows

Using Gradio In Other Programming Languages

Wrapping Layouts

LAYOUTS