---

title: Remove Background WebGPU emoji: 🖼️ colorFrom: purple colorTo: indigo sdk: static pinned: false license: apache-2.0 models:

• Xenova/modnet short_description: In-browser image background removal thumbnail: https://huggingface.co/spaces/webml-community/remove-background-webgpu/resolve/main/banner.jpg

---

Remove Background WebGPU

A simple React + Vite application for running MODNet, a tiny portrait background removal model, locally in the browser using Transformers.js and WebGPU-acceleration.

Getting Started

Follow the steps below to set up and run the application.

1. Clone the Repository

Clone this repository to your local machine

2. Navigate to the Project Directory

Change your working directory to the web application's root directory

3. Install Dependencies

Install the necessary dependencies using npm:

npm i

4. Run the Development Server

Start the development server:

npm run dev

The application should now be running locally. Open your browser and go to http://localhost:5173 to see it in action.