A web application built with Next.js and TypeScript that allows users to remove backgrounds from images instantly. This project leverages the Remove.bg API to process images and provides a clean, responsive interface with both light and dark themes.
- Drag and drop image upload
- Instant background removal using Remove.bg API
- Preview of original and processed images
- Download functionality for processed images
- Responsive design with light and dark themes
- Built with Next.js 14, TypeScript, and Tailwind CSS
[Add a link to your live demo if available]
[Add screenshots of your application here]
- Node.js 18.17 or later
- npm
- A Remove.bg API key
- Clone the repository:
git clone https://github.com/sahanRanasingha/background-remover.git- Navigate to the project directory:
cd background-remover- Install dependencies:
npm install- Create a
.env.localfile in the root directory and add your Remove.bg API key:
REMOVE_BG_API_KEY=your_api_key_here- Run the development server:
npm run dev- Open http://localhost:3000 with your browser to see the result.
- Drag and drop an image or click to select one from your device.
- Wait for the background removal process to complete.
- View the original and processed images side by side.
- Click the download button to save the processed image.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Remove.bg for providing the image processing API
- shadcn/ui for the beautiful UI components
- Vercel for hosting and deployment
Sahan Ranasingha - sahanranasingha1@gmail.com
Project Link: https://github.com/sahanRanasingha/background-remover