Collection of free jQuery image cropping examples and plugins

Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.

ijaboCropTool.js

ijaboCropTool.js

Author:
MB. DUSENGE Callixte | February 4, 2021
About a code

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.

Cropzee.js

Cropzee.js

Author:
Adam Beleko | June 16, 2019
About a code

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

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

smartcrop.js

Author:
Jonas Wagner | April 3, 2014
Made with:
10229 stars240 watchers

About a code

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

Cropper

Cropper

Author:
Fengyuan Chen | February 19, 2014
Made with:
6475 stars335 watchers

About a code

A simple jQuery image cropping plugin.

Jcrop

Jcrop

Author:
Kelly Hallman | September 22, 2010
Made with:
3794 stars231 watchers

About a code

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.

jQuery FocusPoint

jQuery FocusPoint

Author:
Jono Menz | August 16, 2014
Made with:
3192 stars130 watchers

About a code

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

Croppic

Croppic

Author:
Mat Steinlin | January 25, 2014
Made with:
914 stars48 watchers

About a code

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

jQuery.FileAPI

jQuery.FileAPI

Author:
Lebedev Konstantin | July 15, 2013
Made with:
872 stars72 watchers

About a code

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

Cropit

Cropit

Author:
Scott Cheng | July 8, 2014
Made with:
831 stars47 watchers

About a code

A customizable crop and zoom jQuery plugin.

jQuery Cropbox Plugin

jQuery Cropbox Plugin

Author:
alex | December 1, 2013
Made with:
352 stars21 watchers

About a code

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

jQuery Guillotine Plugin

jQuery Guillotine Plugin

Author:
Matías Gagliano | April 25, 2014
Made with:
293 stars27 watchers

About a code

Guillotine is a jQuery plugin that allows to drag, zoom or rotate an image to select a cropping area. Like selecting the display area of a profile picture or avatar.

Cropbox.js

Cropbox.js

Author:
Nguyen Hong Khanh | September 14, 2014
Made with:
240 stars24 watchers

About a code

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

bl-jquery-image-center

bl-jquery-image-center

Author:
BOXLIGHT | August 14, 2012
Made with:
53 stars9 watchers

About a code

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

Cropimg

Cropimg

Author:
Adam | May 18, 2014
Made with:
30 stars4 watchers

About a code

Another cropping jQuery plugin.

Responsive Cropper

Responsive Cropper

Author:
aewebsolutions | July 12, 2016
Made with:
12 stars6 watchers

About a code

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.

CropSelectJs

CropSelectJs

Author:
Zara 4 | Kuly 25, 2017
Made with:
4 stars1 watchers

About a code

A simple image cropping selection jQuery plugin.

jQuery imgFitter Plugin

jQuery imgFitter Plugin

Author:
Hideyuki Motoo | July 2, 2015
Made with:
3 stars3 watchers

About a code

jQuery Plugin for resize and crop image without wrapper tags.

Simple Cropper

Simple Cropper

Author:
matt-alter | October 14, 2014
Made with:
1 stars1 watchers

About a code

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.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨