10 Best Image Croppers In jQuery And Vanilla JavaScript (2026 Update)
What Is Image Cropper?
An image cropper is a web & mobile component which enable the user to resize, move, crop an area of images before they're uploaded to the server.
The most typical use is to select, crop and upload local images for avatars, cover photos, portfolio images, etc.
The Best Image Cropper
In this article you will find a hand-crafted list of 10 best, responsive, mobile-friendly image cropping plugins implemented in jQuery and Vanilla JavaScript. I hope you like it.
Originally Published July 17 2019, updated Jan 15 2026
Table of contents:
jQuery Image Cropping Plugins:
Image Resize & Crop Plugin With jQuery And Canvas - cropimage
A lightweight, easy-to-use image cropper & resizer plugin based on jQuery and HTML5 canvas element.
The plugin creates a resizable, movable, rectangular/circular crop area to select and crop an area of an image you specify.
Feature Rich Image Cropping Plugin with Live Preview - Cropper.js
An easy to use JavaScript/jQuery plugin for image cropping with support of live previews and custom aspect ratio.
Resize/Rotate/Crop Images With jQuery - Cropzee
An easy, lightweight jQuery image cropper which enables the user to resize, rotate, crop, preview an image in an elegant modal popup.
Choose an image from your computer, select an area (image) with mouse or touch, and click the Crop button. That's it.
Responsive Mobile-friendly Image Cropper With jQuery - rcrop
rcrop is a fully responsive, mobile-compatible jQuery image cropper which allows to resize images on the client side, while preserving the original aspect radios.
Features:
- Grid style crop area.
- Highly customizable and stylable via CSS.
- Based on HTML5 canvas.
- Supports base64 image encoded.
- Preview the cropped image before uploading.
Inline Image Crop/Resize/Zoom/Pan Plugin - mosaico-cropper
A user-friendly and touch-enabled inline image cropper tool which enables you to crop, resize, zoom, pan an image with support for back-end processing.
Vanilla JS Image Cropping Plugins:
Feature-rich Image Cropper With Pure JavaScript – Cropper.js
Cropper.js is the pure JavaScript version of the jQuery Image Cropper plugin which provides the feature-rich image cropping functionality on any image.
Features:
- Touch-friendly.
- Powered by HTML5 canvas.
- Image rotate, zoom, flip, move.
- Extensible and Customizable.
- CSS-in-JS.
- Import on-demand
- Tons of options, methods, and events.
Lightweight & Fast Image Cropper In Vanilla JavaScript – Truecropper.js
A lightweight, customizable, dependency-free JavaScript image cropper for both web & mobile.
It works precisely with real image pixel sizes and supports touch devices. The cropped image data is stored within the image’s dataset, ready for you to use.
Tiny Native JavaScript Image Cropper – Croppr.js
A simple, lightweight, customizable JS plugin used to crop any images with configurable Aspect Ratio, Min/Max sizes and much more.
Easy Client Side Image Cropping Library – Cropper.js
A tiny, simple-to-use JavaScript library which provides fast, touch-enabled, client-side image cropping based on Html5 canvas.
Vanilla JS Image Cropper with Image Zoom & Pan – PureJsCropper
A lightweight, dependency-free image cropper built with vanilla JavaScript.
Features:
- Crop Area Manipulation: You can drag to reposition and dynamically resize the crop area.
- Image Manipulation: Allows you to move the original image with a mouse drag and zoom in or out with the mousewheel.
- Flexible Export: Export the final cropped image as either a base64 string or a Blob object.
Conclusion:
Seeking more jQuery plugins or JavaScript libraries to create awesome Image Croppers on the web & mobile? See jQuery Image Crop and JavaScript Image Cropping sections for more details.
