A modern React application for removing image backgrounds with AI-powered processing. Features light/dark theme toggle and multiple processing quality options.
- 🖼️ Upload and remove backgrounds from images
- 🎨 Switch between Neumorphism (light) and Glassmorphism (dark) themes
- ⚡ Three processing modes: Fast, Balanced, High Quality
- 💾 Download processed images in PNG format
- 📱 Fully responsive design
- 🌓 Automatic theme detection (respects system preferences)
- ⚛️ React 18 with TypeScript
- 🚀 Vite build tool
- 🎨 CSS Modules with custom properties
- 🤖
@imgly/background-removal
for AI background removal - ✨ Framer Motion (animations)
- 🔄 React Icons
git clone https://github.com/leanwell/rmRFbg.git
cd rmRFbg
npm install
npm run dev
Command | Description |
---|---|
npm run dev |
Start development server |
npm run build |
Create production build |
npm run preview |
Preview production build |
npm run lint |
Run ESLint |
npm run check |
TypeScript type checking |
src/
├── components/ # React components
├── contexts/ # Context providers
├── styles/ # CSS styles
├── types/ # TypeScript types
├── App.tsx # Main application
└── main.tsx # Entry point
Customize styles in:
src/styles/global.css
– CSS variablessrc/styles/light.css
– Light themesrc/styles/dark.css
– Dark themesrc/contexts/ThemeContext.tsx
– Theme toggle
Modify background removal options in your upload logic (e.g., App.tsx
):
const result = await removeBackground(file, {
model: 'isnet', // or 'isnet_fp16', 'isnet_quint8'
output: {
format: 'image/png',
quality: 0.8
}
});
npm run build
This project is licensed under the MIT License.