A modern and responsive Image Editor built using HTML, CSS, and JavaScript.
Users can upload images, apply various filters in real time, use preset effects, reset changes, and download the edited image directly from the browser.
- Upload images directly from your device
- Instant image preview
- Brightness
- Contrast
- Exposure
- Saturation
- Hue Rotate
- Blur
- Grayscale
- Sepia
- Opacity
- Invert
- Original
- Vintage
- Cold
- Warm
- Dramatic
- Darken
- Reset all filters
- Download edited image
- Responsive design
- Modern UI
- HTML5
- CSS3
- JavaScript (ES6)
- Canvas API
- Remix Icons
image-editor-web-app/
│
├── index.html
├── style.css
├── script.js
├── image/
│ ├── UI.png
│
└── README.md
- Click Upload Image
- Select an image from your device
- Adjust filters using sliders
- Try preset filters
- Click Download Image to save the edited image
- Use Reset to restore default settings
- Download or clone the repository
git clone https://github.com/yourusername/image-editor-web-app.git- Open:
index.html
in your browser.
- Open project folder in VS Code
- Install Live Server extension
- Right-click
index.html - Select Open with Live Server
- Crop Tool
- Rotate & Flip
- Undo / Redo
- Image Compression
- Multiple Image Support
- Filter Intensity Controls
- Drag & Drop Upload
- Dark/Light Theme Toggle
- Image Comparison Mode
- AI-Based Enhancement
Contributions, issues, and feature requests are welcome.
Feel free to fork the project and submit a pull request.
Anshu Kharwar
- GitHub: https://github.com/anshu-Creates
- Email: anshu.builds@gmail.com
If you found this project useful, consider giving it a star on GitHub.
⭐ Star the repository if you like it!