--- title: README emoji: 🎨 colorFrom: indigo colorTo: pink sdk: static pinned: false --- # Welcome to the Gradio Themes Party πŸŽ‰ ## Join the organization by clicking the 'Join this org' button on the top-right corner ### Live Themes Gallery will show Gradio Themes that are created by participants and they will be sorted by likes. Gradio Theme Party Banner - We would like to extend an invitation to the **Gradio Themes Party**, a community event aimed at designing visually stunning and personalized themes for Gradio apps. The event will take place over a two-week period, **starting from Monday, March 20th** and **ending on Sunday, April 2nd**. We are thrilled to invite and witness what the community builds with Gradio Themes, as they develop attractive themes to enhance the user experience of Gradio applications. - We will be organizing this event here on Hugging Face Hub and would be engaging through Huggingface Discord Server. Check the dedicated Gradio channel to stay updated with the event (need to set up a channel(or not?)). Prizes will be given at the end of the event. See the Prizes section - Gradio is a widely used platform for creating demos of machine learning models, enabling the creation of web-based user interfaces solely using Python. As the interface of a Gradio application has a direct impact on the user experience, we recognize the importance of creating an aesthetically pleasing interface to enhance the app's value. As such, we have introduced **Gradio Themes**, a new feature that enables users to add themes and customize and beautify their applications. Additionally, we are hosting the **Gradio Themes Party** to encourage developers to design stunning and impressive themes for their Gradio apps and front-ends. - Gradio can be installed via pip and comes preinstalled in Hugging Face Spaces, the latest version of Gradio that supports Themes is 3.22, and it can be set in the README in Spaces by setting the sdk_version, for example sdk_version: 3.22.0. To learn more about Gradio, see the Getting Started Guide: https://gradio.app/getting_started/ - By using Gradio Themes, you can enhance the user experience of your app. You can achieve this by adding default themes such as Base, Soft, Glass, Monochrome, among others. Additionally, you can also extend and personalize existing themes, or create your own themes from scratch. There are a multitude of options available to customize the user interface of your app to suit your needs. To learn more about Gradio Themes, see the Themes Guide at: https://gradio.app/themes_guide/ ## Hackathon Tracks : Participants can take part in different tracks of the Themes Hackathon. Each track will have winners announced at the end of the event! These events are 1. The **Theme Creation Contest** - Participants would compete to create the most creative or visually stunning theme for a Gradio app. We can add the best/most creative themes to default ones as a prize, plus some goodies for the top three winners. 2. **Building Sector-specific themes** - Participants would create Gradio themes targeting specific sectors like finance/health/education/art. Participants can also create themes specific to different companies - for example, an openai green theme / huggingface emoji theme / meta blue theme, etc. 3. **Inclusivity or Accessibility** focussed themes - Participants can submit apps built around themes supporting community inclusivity. Accessibility is also a key area for this segment, for example, building an app using themes that suit colorblind people or apps that support a cause like 'diversity and inclusion' etc. 4. **Best Dark Toggle** - Participants will design a theme that supports the best effects with a dark mode toggle in this segment. 5. **Gradio in disguiseπŸ₯Έ** themes - We encourage participants to design Gradio themes that would take Gradio to look and feel farthest from the default Gradio theme. This can include considerations for colors, button designs, fonts, backgrounds, and much more. 6. **Gradio App redesign challenge** - Participants will be challenged to redesign an existing trending Gradio app using new and creative themes. Participants can pick up an existing Gradio application and improve its user experience using Themes. Apps that would be made more visually appealing and user-friendly would be considered for this prize. 7. **Gradio Apps using Themes** - We encourage participants to build cool demos and use Themes along with them. You can use default themes, extend them or create new themes from scratch while making a cool Gradio demo. ## How to Participate : To participate in any track in the Themes Hackathon - - For tracks 1 to 5, you have to submit a new Theme: - Step 1: Join the Gradio-Theme Party organization on Hub. - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ ) - Step 3: Create a brand new theme - Either by extending the default or other user-generated themes or creating a new theme from scratch (To add code sample) - Step 4: Upload the theme to the Theme Gallery in the Hub (To add a code sample) - Step 5: Share your themes with the community on social media and Spread the good word about the Hackathon πŸ€— - For Track 6, the Gradio app redesign challenge, you have to submit a Gradio demo: - Step 1: Join the Gradio-Theme Party organization on Hub. - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ ) - Step 3: Duplicate any existing Gradio demo (kudos if it is trending πŸ‘‘) - Step 4: Add your themes to the demo; for example, add color, background, etc. - Step 5: Publish the demo back on the Hub. Note that the redesigned app must be in the themes-party organization so that team can find it and others can see it. This will ensure the highest visibility of your effort. - For Track 7, Build Gradio Apps that are using Themes, you have to submit a Gradio demo as well: - Step 1: Join the Gradio-Theme Party organization on Hub. - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ ) - Step 3: Build a new Gradio demo (extra kudos if it is from making demos Discord channel πŸ‘·πŸ»β€β™€οΈπŸ‘·πŸ») - Step 4: Add your themes to the demo; for example, add color, background, etc. - Step 5: Publish the demo on the Hub in the themes-party organization so that team can find it and others can see it. This will ensure the highest visibility of your effort. ## Prizes We would like for you to have tons of fun in this Hackathon. So you can make as many submissions as you would want. - For the themes submitted for categories 1 to 5 - The top 3 winners will be based on the number of likes. - Hugging Face PRO subscription for x time - We'll add the most liked theme to our set of default ones 🀩 as a prize, plus some goodies for the top three winners - For categories 6 and 7 - The top 3 Gradio Apps will be decided by Huggingface and Gradio team based on aesthetics - Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice - Hugging Face PRO subscription for one month - Themes event badge on HF for all participants!