metadata
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 the examples repository from GitHub:
git clone https://github.com/huggingface/transformers.js-examples.git
2. Navigate to the Project Directory
Change your working directory to the remove-background-webgpu
folder:
cd transformers.js-examples/remove-background-webgpu
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.