Skip to main content

Gradio v3.0 Release: New Tools For Building ML Demo Pages In Python

Version 3.0 of Gradio has been released, including ground-up UI changes and new Gradio Blocks for creating interactive ML demos. Hugging Face is holding a contest for users looking to build ML demos with Gradio Blocks.
Created on May 17|Last edited on May 17
Gradio, a python app for creating demo interfaces for machine learning projects, supported by Hugging Face, has released their "biggest update to the library, ever". The Gradio library is an open-source project, freely available to look through at it's GitHub repository here: https://github.com/gradio-app/gradio
Gradio version 3.0 has been in the works for a while now, and that work has come to fruition with a "grounds-up redesign" of the library. Featuring a complete UI redesign for a more modern look, a powerful block system to make creating demo pages more intuitive, and much more, this update isn't one to miss.


What's new in Gradio 3.0?

Gradio Blocks

A new way to build demo pages for your machine learning projects, Gradio Blocks are designed from the ground up to let you make organized yet flexible demo pages. Pages using Gradio Blocks can be made with just a little bit of simple Python code, making it easy to quickly make changes and launch demos straight from your Python project file.
Gradio Blocks consist of basically anything you would need to make a coherent demo page including containers, input and output fields, display boxes, layout control, event management and more, all controllable through intuitive Python functions without ever touching HTML.


UI redesign + dark mode

The old Gradio design was starting to feel outdated, so the devs have created a new modern look to replace it. Changes have been made across the entire library, bringing a smoother feel to demo pages built with the new Gradio Blocks.
Beyond just a one-to-one CSS touch-up, the UI changes to Gradio include a new dark mode; A very nice addition for when you're in a 3am coding groove and don't want to get flashbanged by your screen every time you update your demo page.
Alongside the update to the Gradio UI for demo pages, they've updated the Gradio website to follow the same modern design principles. They've also cleaned up the place a little bit so it's faster and easier to use, even adding embedded demos directly onto documentation pages.


New components

The 3.0 update isn't just about making the interface prettier; There's been many additions to the library. New components for display and interaction on your demo pages, including a displayer for 3D models, tables to show off your dataset, buttons for demo control, and more.
You can view the full changelog at the v3.0 release page on the GitHub repo here: https://github.com/gradio-app/gradio/releases/tag/v3.0

Gradio "Blocks Party" contest on HuggingFace

To celebrate the release of Gradio 3.0, and specifically regarding the new Gradio Blocks, Hugging Face has announced a contest for users to create interactive demos of their models using the Gradio Blocks API. This contest includes prizes, so if you're interested in learning about Gradio Blocks, be sure to submit what you create.


Demo pages you create with Gradio can be easily hosted on Hugging Face Spaces for free. Hugging Face Spaces features Gradio as one of its 3 SDK options, meaning the integration is flawless and tailor built to work easily.
As for prizes, you can look forward to winning a Hugging Face PRO subscription, Hugging Face merch, voted top picks ranking, and even having your demo featured on the Gradio website.
More details about the contest can be found here: https://huggingface.co/Gradio-Blocks

Find out more

Tags: ML News
Iterate on AI agents and models faster. Try Weights & Biases today.