Spaces:
Running
Running
| 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](https://huggingface.co/Xenova/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: | |
| ```sh | |
| 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: | |
| ```sh | |
| cd transformers.js-examples/remove-background-webgpu | |
| ``` | |
| ### 3. Install Dependencies | |
| Install the necessary dependencies using npm: | |
| ```sh | |
| npm i | |
| ``` | |
| ### 4. Run the Development Server | |
| Start the development server: | |
| ```sh | |
| npm run dev | |
| ``` | |
| The application should now be running locally. Open your browser and go to `http://localhost:5173` to see it in action. | |