Customize Your Gradio Apps

Give your machine learning demos a unique look with Gradio's theming system. Choose from official themes or create your own.

Official Themes

Base
Prompt
A serene mountain...
Steps 25
Font
IBM Plex Sans
Enabled
Official
Default
Prompt
A serene mountain...
Steps 25
Font
Source Sans Pro
Enabled
Official
Soft
Prompt
A serene mountain...
Steps 25
Font
Montserrat
Enabled
Official
Monochrome
Prompt
A serene mountain...
Steps 25
Font
Lora
Enabled
Official
Glass
Prompt
A serene mountain...
Steps 25
Font
Optima
Enabled
Official
Origin
Prompt
A serene mountain...
Steps 25
Font
Source Sans Pro
Enabled
Official
Citrus
Prompt
A serene mountain...
Steps 25
Font
Ubuntu
Enabled
Official
Ocean
Prompt
A serene mountain...
Steps 25
Font
IBM Plex Sans
Enabled
Official

Quick Start

Apply a theme to your Gradio app in just one line of code

import gradio as gr

with gr.Blocks(theme=gr.themes.Soft()) as demo:
    gr.Markdown("# Hello World")
    gr.Textbox(label="Input")
    gr.Button("Submit")