https://github.com/sobhan-srza/custom-image-cropper

A customizable client-side image cropper with drag, resize, and download support. Fully responsive and supports both desktop and mobile devices.
https://github.com/sobhan-srza/custom-image-cropper

canvas crop crop-image cropper cropperjs css html html-css-javascript image image-cropper image-cropping-tool imagecropper javascript

Last synced: about 1 month ago
JSON representation

A customizable client-side image cropper with drag, resize, and download support. Fully responsive and supports both desktop and mobile devices.

Host: GitHub
URL: https://github.com/sobhan-srza/custom-image-cropper
Owner: Sobhan-SRZA
License: mit
Created: 2025-05-22T20:03:46.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2025-05-22T22:55:49.000Z (about 1 year ago)
Last Synced: 2025-06-26T17:51:05.738Z (11 months ago)
Topics: canvas, crop, crop-image, cropper, cropperjs, css, html, html-css-javascript, image, image-cropper, image-cropping-tool, imagecropper, javascript
Language: HTML
Homepage: https://sobhan-srza.github.io/custom-image-cropper/
Size: 11.7 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

README

# Custom Image Cropper

A responsive and customizable image cropper built with HTML, CSS, and vanilla JavaScript.
Supports mouse and touch (mobile) interactions, including:

- Drag to move crop area
- Resize from all directions
- Crop the image and preview result
- Download cropped output
- Dark mode and simple UI

## 📱 Responsive
Works on both desktop and mobile with pointer events support.

## 📦 Features
- No external libraries
- Lightweight and fast
- Modern `pointer` event handling
- Mobile friendly

## 📸 Demo
[Live Demo](https://sobhan-srza.github.io/custom-image-cropper/) — *(Add GitHub Pages link here if published)*

## 📄 License
[MIT](./LICENSE)

## 🚀 Usage
Clone or download the project and open `index.html` in your browser.