Trifusion is a modern web application built with ReactJS that allows users to seamlessly change background images by removing and adding new ones. Leveraging the power of bgremoveapi and HTML5 Canvas, Trifusion delivers fast and reliable background editing capabilities directly in the browser.
- Intuitive Interface — Easily select and update backgrounds with a user-friendly UI.
- Background Removal — Automatically remove image backgrounds using bgremoveapi.
- Canvas Editing — Preview and adjust changes in real-time on an interactive canvas.
- Flag System — Toggle background changes with a simple add/remove flag mechanism.
- Responsive Design — Works smoothly across devices and screen sizes.
- ReactJS for building the frontend UI
- bgremoveapi for fast background removal
- HTML5 Canvas for in-browser image editing and preview
- Clone the repository
- Install dependencies
- Start the application
The app will run at http://localhost:5173/.
- Upload Image: Click the “Upload” button to choose an image.
- Remove Background: Use the “Remove Background” option to process your image via bgremoveapi.
- Add/Change Background: Select a new background or color. The changes will be rendered on the HTML5 canvas.
- Toggle Flags: Use the flag toggle to switch between different background modes or restore the original.
Add your screenshots here
_Live Demo: TriFusion
Contributions are welcome! Feel free to open issues and submit pull requests.
Showcase professionally what your webapp does: This README will help visitors and recruiters understand your project’s value, functionality, and tech choices at a glance.