A modern, lightweight, and beautiful image editor built using HTML, CSS, and JavaScript.
Resize, crop, rotate, apply filters, and download your edited images in one click.
ResizrX is a sleek, browser-based image editor designed to make resizing, rotating, cropping, filtering, and optimizing images super easy — no installation required.
Built with simplicity and performance in mind, it supports offline editing via PWA and quick ZIP downloads for multiple images.
✅ Drag & Drop Uploads (Multiple images supported)
✅ Crop, Rotate, Resize with live preview
✅ Smart Filters: Brightness, Contrast, Blur, Grayscale
✅ Aspect Ratio Lock for perfect resizing
✅ Undo / Redo stack for better editing control
✅ ZIP Export for all edited images
✅ Light / Dark Theme toggle
✅ PWA (Progressive Web App) – works offline
✅ Local Edit History (saved using localStorage)
✅ Clean Glassmorphism UI with gradient animations
✅ Built with pure JS (no frameworks)
| Technology | Purpose |
|---|---|
| HTML5 | Structure |
| CSS3 (Glassmorphism) | Styling & Animations |
| Vanilla JavaScript (ES6) | Logic & Image Processing |
| Canvas API | Image Rendering |
| JSZip | ZIP File Creation |
| Service Worker | PWA Offline Support |
You can set up ResizrX locally or host it online.
- Clone this repository
git clone https://github.com/shubhamnarware67-cmd/ResizrX.git cd ResizrX
Open ResizrX in your browser. Click or Drag & Drop images. Use the toolbar to: ✂️ Crop 🔄 Rotate 🧹 Remove Background (future feature) 💡 Adjust filters (brightness, contrast, blur, grayscale) 📐 Resize images (lock ratio optional) Adjust quality slider for export optimization. Download all edited images in a ZIP file. Enjoy offline editing once installed as a PWA!
📱 PWA Support ResizrX is installable as a Progressive Web App: Works offline after first load. Saves edit history locally. Responsive on mobile and desktop.
#javascript #html #css #pwa #image-editor #canvas #webapp #frontend #image-processing #photo-editor #webtools #vanillajs #opensource
#💡 Future Enhancements
🚀 Background Removal (AI API Integration) 🎨 Advanced Filters (Hue, Saturation, Sharpness) 📷 Drag to Crop (User-controlled selection) 💾 Cloud Save (Firebase / Supabase) 📤 Share Edited Image (via social links)
#🧑💻 Developed By 👤 Shubham Narware 💻 3rd Year CSE | Passionate about DSA & Web Development 📬 Connect: LinkedIn • GitHub
#Support the Project
If you like ResizrX, please ⭐ star this repo — it motivates me to add more features!
💫 Click here 👉 Give a Star
#🪪 MIT License
Copyright (c) 2026 Shubham Narware
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the “Software”), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
⭐ Star this project if you found it useful.
📸 "Every pixel counts when creativity meets code."