Top 18 jQuery Image Cropping Examples

This jQuery plugin will help you to crop images in a certain applications. You can use this plugin on the user profile page where user can use this for cropping and update profile picture or avatar. You can also use this as image resizer tool on your dashboard.

Author: Mbere250 (MB. DUSENGE Callixte)

Links: GitHub

GitHub Activity:

Cropzee (image cropper) is a free, and open source customizable jQuery plugin to crop and rotate pictures before submitting for upload.

Author: BossBele (Adam Beleko)

Links: GitHub, Website

Made with: JavaScript (54.9%), HTML (30.2%), CSS (14.9%)

Dependencies: animate.css, light-modal.css, croppr.js, filesaver.js, canvas-toblob.js

GitHub Activity:

Smartcrop.js implements an algorithm to find good crops for content aware images.

Author: jwagner (Jonas Wagner)

Links: GitHub, Website

Made with: JavaScript (91.8%), HTML (3.2%)

GitHub Activity:

A simple jQuery image cropping plugin.

Author: Fengyuan Chen

Links: GitHub

Made with: JavaScript (99.6%), CSS (0.4%)

GitHub Activity:

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

Author: tapmodo (Kelly Hallman)

Links: GitHub, Website

Made with: JavaScript (90.7%), CSS (8.0%), Shell (1.3%)

GitHub Activity:

jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.

Author: jonom (Jono Menz)

Links: GitHub

Made with: JavaScript (96.8%), CSS (3.2%)

GitHub Activity:

Croppic is an image cropping jquery plugin that will satisfy your needs and much more.

Author: sconsult (Mat Steinlin)

Links: GitHub

Made with: JavaScript (43.2%), HTML (33.7%), CSS (17.0%), PHP (6.1%)

GitHub Activity:

jQuery.FileAPI — jquery plugin for FileAPI (multiupload, image upload, crop, resize and etc.)

Author: RubaXa (Lebedev Konstantin)

Links: GitHub, Website

Made with: JavaScript (76.9%), HTML (12.0%), CSS (11.1%)

GitHub Activity:

A customizable crop and zoom jQuery plugin.

Author: Scott Cheng

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

jQuery Cropbox plugin for in-place image cropping (zoom & pan, as opposed to select and drag).

Author: acornejo

Links: GitHub, Website

Made with: JavaScript (86.7%), CSS (13.3%)

GitHub Activity:

jQuery plugin to crop images within an area (fully responsive), allowing to drag (touch support), zoom and rotate an image to select a cropping area. Like selecting the display area of a profile picture or avatar.

Author: matiasgali

Links: GitHub, Website

Made with: CoffeeScript (72.3%), HTML (16.3%), CSS (11.4%)

GitHub Activity:

A lightweight and simple JavaScript, Jquery, YUI plugin to crop your avatar

Author: hongkhanh (Nguyen Hong Khanh)

Links: GitHub, Website

Made with: JavaScript (82.8%), CSS (17.2%)

GitHub Activity:

Centers an image by moving, cropping and filling spaces inside it's parent container.

Author: boxlight

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

Another cropping jQuery plugin

Author: requtize

Links: GitHub

Made with: JavaScript (91.1%), HTML (4.6%), PHP (4.3%)

GitHub Activity:

Responsive Cropper is a full responsive JQuery plugin that lets you select an area from an image and prepare crop information to send it to the server.

Author: aewebsolutions

Links: GitHub

Made with: JavaScript (92.8%), CSS (7.2%)

GitHub Activity:

A simple image cropping selection jQuery plugin.

Author: zara-4

Links: GitHub, Website

Made with: JavaScript (92.6%), CSS (7.4%)

GitHub Activity:

jQuery Plugin for resize and crop image without wrapper tags.

Author: yakiniku48 (Hideyuki Motoo)

Links: GitHub

Made with: HTML (77.8%), JavaScript (22.2%)

GitHub Activity:

Simple Cropper is a jQuery plugin which gives you ability to add cropping functionality to your web application. It uses HTML5 canvas to create cropped images and CSS3, so it only works on latest browsers.

Author: matt-alter

Links: GitHub

Made with: JavaScript (89.7%), CSS (10.3%)

GitHub Activity: