Skip to content

This is a JavaScript-based Image Editor that allows users to apply filters like saturation, contrast, brightness, grayscale, sepia, blur, and hue rotation to their images. Users can upload an image, edit it in real-time, reset changes, and download the final result.

Notifications You must be signed in to change notification settings

ZakaDev22/ImageEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖼️ JavaScript Image Editor

📌 Project Overview

This is a JavaScript-based Image Editor that allows users to apply filters like saturation, contrast, brightness, grayscale, sepia, blur, and hue rotation to their images. Users can upload an image, edit it in real-time, reset changes, and download the final result.

🚀 Features

✅ Upload & preview images
✅ Adjust image filters using sliders
✅ Reset filters to default values
✅ Download the edited image
✅ Responsive design (Works on mobile & desktop)

🎥 Demo Preview

Project Screenshot

🌍 Live Demo

🔗 Try it here: [https://unrivaled-froyo-fc33b2.netlify.app/]

🛠️ Technologies Used

  • HTML5
  • CSS3 (Flexbox & Grid for layout, animations)
  • JavaScript (DOM Manipulation, FileReader API, Canvas API)

🏃‍♂️ How to Run the Project

  1. Clone this repository: git clone https://github.com/ZakaDev22/ImageEditor.git
  2. Open index.html in a browser
  3. Upload an image & start editing!

About

This is a JavaScript-based Image Editor that allows users to apply filters like saturation, contrast, brightness, grayscale, sepia, blur, and hue rotation to their images. Users can upload an image, edit it in real-time, reset changes, and download the final result.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published