Remove the background from images with a single click using this sleek, modern web application powered by AI.
- 🖼️ Upload any image and remove its background instantly
- ⚡ Fast and accurate processing
- 📊 Credit system for limited usage (auth-based)
- 🔐 Secure Clerk authentication
- 🎨 Sleek UI with smooth animations
- 🌈 Gradient-themed interface built with Tailwind CSS
| Frontend | Backend | Auth | Hosting |
|---|---|---|---|
| React + Vite | Node.js + Express | Clerk | Vercel (Frontend & Backend ) |
git clone https://github.com/tatuskarjaiwanth/bg-removal.git
cd bg-removalCreate a .env file in both client/ and server/ folders and add your keys:
VITE_CLERK_PUBLISHABLE_KEY=''
VITE_BACKEND_URL = 'http://localhost:4000'
And on the backend:
MONGODB_URI = ''
CLERK_WEBHOOK_SECRET = ''
CLIPDROP_API = ''
For client:
cd client
npm install
npm run devFor server:
cd server
npm install
npm run dev- User uploads an image
- App checks if the user is signed in via Clerk
- Backend sends image to background removal API
- Processed image is returned and displayed
- User credits are tracked via JWT-authenticated API
A payment page has been designed in the frontend for UI demonstration purposes only.
This project is open-sourced under the MIT License.
- Developed by Tatuskar Jaiwanth
- Clerk for authentication
- Razorpay for payments (if integrated)
- Background removal powered by clipdrop