Project Details
PIXIFY | ENHANCE YOUR IMAGES
Date Publish
June 02, 2025
Source Code
https://github.com/Ramelzkie96/pixify-image
A modern and interactive image editor built with React, this project lets users effortlessly upload images, apply visual filters like brightness and contrast, add decorative frames, and remove backgrounds using the Remove.bg API. It’s perfect for quick custom edits, profile pictures, creative content, and social media-ready images — all done right in the browser.
Features
- Upload images directly from your device
- Supports popular formats like JPG, PNG, JPEG
- Displays instant preview of the uploaded image
- Auto-clears previous image data when a new image is uploaded
- Prepares image for real-time filter adjustments
- Ready for background removal using Remove.bg API
- Canvas rendering for seamless frame overlay
- Mobile-friendly image input for on-the-go editing
- Secure upload handling using local browser memory only (no server storage)
Technologies Used
- React – For building the interactive user interface
- Vite – For fast development and build toolchain
- Tailwind CSS – For modern utility-first styling
- Remove.bg API – For background removal functionality
- JavaScript (ES6+) – For dynamic logic and functionality
- HTML5 Canvas – For rendering image + frame overlays

