https://github.com/ricardomuchacho/webgpu-playground
WebGPU test project
https://github.com/ricardomuchacho/webgpu-playground
react transformersjs webgpu-api
Last synced: 10 months ago
JSON representation
WebGPU test project
- Host: GitHub
- URL: https://github.com/ricardomuchacho/webgpu-playground
- Owner: RicardoMuchacho
- License: mit
- Created: 2025-01-05T12:29:57.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-27T13:42:34.000Z (12 months ago)
- Last Synced: 2025-01-27T14:36:50.186Z (12 months ago)
- Topics: react, transformersjs, webgpu-api
- Language: TypeScript
- Homepage:
- Size: 2.71 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# WebGPU Playground
## Overview
This project is designed to test the WebGPU API by implementing a background removal tool. It uses hugging face Xenova/modnet model that focuses on portrait matting to perform real-time image processing, ensuring fast and smooth performance directly in the browser.
For more info on WebGPU API: Click here
## What technologies are used for this project?
This project is built with
- Vite
- TypeScript
- React
- radix-ui
- Tailwind CSS
- WebGPU
**Instructions**
To initialize the project follow these steps:
```sh
# Step 1: Clone the repository using the project's Git URL.
git clone
# Step 2: Navigate to the project directory.
cd
# Step 3: Install the necessary dependencies.
pnpm i
# Step 4: Start the development server with auto-reloading and an instant preview.
pnpm run dev
```
## Observations
WebGPU is relatively new and not supported by all browsers, compatibility with hugging face models is limited with the transformers.js library, new functionalities like inpainting and object removal will be added when supported