Step-by-step guide
🚀 Spaces
Hugging Face
📘 Step-by-step guide 📘 Hugging Face · Spacesbeginner 🏠 Everyday life

Host a simple AI web app on Hugging Face Spaces without coding

Learn how to copy, customise, and publish your own free, interactive AI demo in minutes.

Hook: Want to show off a cool AI tool to your friends or colleagues, but don't know how to code an app from scratch? This guide will show you how to find a ready-made AI app, customise it, and launch it on the web for free.

✅ Before you start
  • Create a free account: Head to the Hugging Face website and sign up. Hugging Face is like a giant, open-source library where people share AI models (the smart "brains" behind AI) and code.
  • No software needed: Everything we do today happens inside your web browser.
1

Explore the Spaces library

First, let's find a simple app to copy. Hugging Face has a feature called Spaces (hosting environments that let you run mini web applications directly in your browser).

  1. Once logged in, click on Spaces in the main top menu.
  2. You will see a list of popular, trending apps. In the search bar at the top of the Spaces page, search for a simple utility, such as a "text summariser" or "image generator".
  3. Click on one of the search results to open it. Look for an app that uses Gradio or Streamlit (these are just user-friendly tools that turn AI models into pretty, clickable web pages).
💬 Try typing this*Example:* Search for "simple image generator" and click on a popular community-made tool that lets you type a prompt and see a picture.
2

Duplicate the Space

To make this app your own without writing any code, we are going to "duplicate" it. Think of duplicating like taking a digital photocopy of the entire project so you can control it in your own account.

  1. Look at the top right-hand corner of the Space you have opened.
  2. Click the button with three vertical dots (or a settings gear, depending on current website layouts).
  3. Select Duplicate this Space from the dropdown menu.
3

Customise your settings

A new screen will appear, asking how you want to set up your copied app. This is where you make it yours.

  1. Owner: This will show your username.
  2. Space name: Give your app a unique, friendly name. Use lowercase letters and hyphens.
  3. Visibility: Choose Public if you want to share the link with friends, or Private if you want to keep it to yourself.
  4. Hardware: Keep this on the Free CPU basic tier. Hugging Face offers powerful paid computers to run heavy apps, but the free option is perfect for simple tools.
💬 Try typing this*Example:* Rename your Space to `my-first-image-generator` and set the visibility to Public.
4

Launch and run your web app

Once you click the Duplicate Space button at the bottom of the form, Hugging Face will start assembling your app.

  1. You will see a status bar at the top showing "Building". This means the system is setting up the computer in the background to run your app.
  2. Wait two to three minutes. Once the status changes to a green "Running" badge, your app is live!
  3. Type a prompt into your new app and click the action button to see it work.
⚠️ Common mistakes
  • Selecting paid hardware: When duplicating, make sure you do not accidentally select a paid GPU (graphics processing unit—a powerful chip used for heavy AI tasks). Always stick to the option marked "Free" so you do not get billed.
  • Changing files by mistake: Your Space has a tab called "Files and versions". Avoid editing these unless you want to dive into the code. The app works perfectly fine out of the box.
🚀 Try it now

Open Hugging Face in a new tab, search for a simple "AI chatbot" Space, and click the duplicate button. Within five minutes, you will have your very own custom chat page to share.

✦ Original step-by-step guide by AI World Co.'s AI editorial team. Written in plain language, reviewed for accuracy.

← Back to all stories