Collection
Post cover

Top 18 jQuery Image Cropping Examples

Collection of free jQuery image cropping examples and plugins.

Post cover

ijaboCropTool.js

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:

⭐ Stars 👀️ Watchers 📎️ Forks
15 3 17
Post cover

Cropzee.js

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:

⭐ Stars 👀️ Watchers 📎️ Forks
9 0 4
Post cover

smartcrop.js

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:

⭐ Stars 👀️ Watchers 📎️ Forks
12.4k 219 607
Post cover

Cropper

A simple jQuery image cropping plugin.

Author: Fengyuan Chen

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
7.8k 332 1.8k
Post cover

Jcrop Image Cropping Plugin

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:

⭐ Stars 👀️ Watchers 📎️ Forks
4.3k 221 972
Post cover

jQuery FocusPoint

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:

⭐ Stars 👀️ Watchers 📎️ Forks
3.2k 119 232
Post cover

Croppic

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:

⭐ Stars 👀️ Watchers 📎️ Forks
924 46 238
Post cover

jQuery.FileAPI

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:

⭐ Stars 👀️ Watchers 📎️ Forks
860 68 210
Post cover

Cropit

A customizable crop and zoom jQuery plugin.

Author: Scott Cheng

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
882 42 318
Post cover

jQuery Cropbox Plugin

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:

⭐ Stars 👀️ Watchers 📎️ Forks
353 23 88
Post cover

jQuery Guillotine Plugin

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:

⭐ Stars 👀️ Watchers 📎️ Forks
320 29 104
Post cover

Cropbox.js

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:

⭐ Stars 👀️ Watchers 📎️ Forks
265 22 106
Post cover

bl-jquery-image-center

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:

⭐ Stars 👀️ Watchers 📎️ Forks
52 9 16
Post cover

Cropimg

Another cropping jQuery plugin

Author: requtize

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
30 5 15
Post cover

Responsive Cropper jQuery Plugin

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:

⭐ Stars 👀️ Watchers 📎️ Forks
40 8 17
Post cover

CropSelectJs

A simple image cropping selection jQuery plugin.

Author: zara-4

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
12 2 4
Post cover

jQuery imgFitter Plugin

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:

⭐ Stars 👀️ Watchers 📎️ Forks
4 3 2
Post cover

Simple Cropper

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:

⭐ Stars 👀️ Watchers 📎️ Forks
1 1 1

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback