{"name":"bg-remove: Client-Side Image Background Removal with Transformers.js","description":"bg-remove is a powerful React + Vite application that enables free, client-side image background removal directly in your browser. Leveraging machine learning models via Transformers.js, it ensures all processing happens locally, prioritizing user privacy. This tool offers one-click removal, custom background options, and optional WebGPU acceleration for enhanced performance.","github":"https://github.com/addyosmani/bg-remove","url":"https://osrepos.com/repo/addyosmani-bg-remove","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/addyosmani-bg-remove","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/addyosmani-bg-remove.md","json":"https://osrepos.com/repo/addyosmani-bg-remove.json","topics":["background-remover","image-editing","client-side","typescript","web-app","machine-learning","privacy","transformers-js"],"keywords":["background-remover","image-editing","client-side","typescript","web-app","machine-learning","privacy","transformers-js"],"stars":null,"summary":"bg-remove is a powerful React + Vite application that enables free, client-side image background removal directly in your browser. Leveraging machine learning models via Transformers.js, it ensures all processing happens locally, prioritizing user privacy. This tool offers one-click removal, custom background options, and optional WebGPU acceleration for enhanced performance.","content":"## Introduction\n\nThe `bg-remove` project by Addy Osmani is an innovative, client-side application designed for seamless image background removal. Built with React and Vite, it utilizes the power of Transformers.js to run machine learning models directly within your browser, ensuring that your images never leave your device. This privacy-focused tool offers one-click background removal, customizable background colors or images, and various download options, with optional WebGPU acceleration for supported browsers.\n\n## Installation\n\nTo get started with `bg-remove`, follow these simple steps:\n\n1.  **Clone the repository:**\n    bash\n    git clone https://github.com/addyosmani/bg-remove.git\n    \n\n2.  **Navigate to the project directory:**\n    bash\n    cd bg-remove\n    \n\n3.  **Install dependencies:**\n    bash\n    npm install\n    \n\n4.  **Start the development server:**\n    bash\n    npm run dev\n    \n\n## Examples\n\nUsing `bg-remove` is straightforward. First, you upload an image file. The application then defaults to using the RMBG-1.4 model for broad compatibility, but if your browser supports WebGPU, you have the option to switch to MODNet for potentially faster processing. After the selected ML model processes your image and creates an alpha mask, you can customize the background with a new color, an image, or keep it transparent. Finally, you can export your processed image with either a transparent or colored background.\n\n## Why Use It\n\nThere are several compelling reasons to use `bg-remove` for your image editing needs. Its primary advantage is privacy, as all image processing occurs directly in your browser, ensuring your files remain local and secure. The application is entirely client-side, meaning you don't need to upload sensitive data to external servers. Furthermore, it offers robust performance across all modern browsers with its default RMBG-1.4 model, and provides an optional WebGPU acceleration for even faster results on compatible systems. The intuitive interface and one-click removal make it highly user-friendly for quick and efficient background removal.\n\n## Links\n\nFor more detailed information, contributions, or to explore the codebase, visit the official GitHub repository:\n\n*   [GitHub Repository](https://github.com/addyosmani/bg-remove)","metrics":{"detailViews":2,"githubClicks":1},"dates":{"published":null,"modified":"2026-06-17T15:48:29.000Z"}}