16 jQuery Image Cropping Plugins

February 1, 2018

Collection of free jQuery image cropping plugins.

Demo image: smartcrop.js
Made by
  • Jonas Wagner
Github activity
  • 10229 stars
  • 240 watchers
About the plugin

smartcrop.js

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

Demo image: Cropper
Made by
  • Fengyuan Chen
Github activity
  • 6475 stars
  • 335 watchers
About the plugin

Cropper

A simple jQuery image cropping plugin.

Features
  • 38 options
  • 27 methods
  • 6 events
  • touch (mobile)
  • zooming
  • rotating
  • scaling (flipping)
  • multiple croppers
  • supports to crop on a canvas
  • supports to crop image in the browser-side by canvas
  • supports to translate Exif Orientation information
  • cross-browser
Demo image: Jcrop
Made by
  • Kelly Hallman
Github activity
  • 3794 stars
  • 231 watchers
About the plugin

Jcrop

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.

Features
  • attaches unobtrusively to any image
  • supports aspect ratio locking
  • supports minSize/maxSize setting
  • callbacks for selection done, or while moving
  • keyboard support for nudging selection
  • API features to create interactivity, including animation
  • support for CSS styling
  • experimental touch-screen support (iOS, Android, etc)
Demo image: jQuery FocusPoint
Made by
  • Jono Menz
Github activity
  • 3192 stars
  • 130 watchers
About the plugin

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.

Demo image: Croppic
Made by
  • Mat Steinlin
Github activity
  • 914 stars
  • 48 watchers
About the plugin

Croppic

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

Demo image: jQuery.FileAPI
Made by
  • Lebedev Konstantin
Github activity
  • 872 stars
  • 72 watchers
About the plugin

jQuery.FileAPI

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

Demo image: Cropit
Made by
  • Scott Cheng
Github activity
  • 831 stars
  • 47 watchers
About the plugin

Cropit

A customizable crop and zoom jQuery plugin.

Features
  • works on desktop and mobile with touch support (except IE 9 and below)
  • drag'n'drop image into cropper
  • extremely performant even with huge images
  • extensive options and APIs to give you full control
Demo image: jQuery Cropbox Plugin
Made by
  • alex
Github activity
  • 352 stars
  • 21 watchers
About the plugin

jQuery Cropbox Plugin

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

Demo image: jQuery Guillotine Plugin
Made by
  • Matías Gagliano
Github activity
  • 293 stars
  • 27 watchers
About the plugin

jQuery Guillotine Plugin

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.

Features
  • responsive: the window (or selection area) is fully responsive (fluid)
  • touch support: dragging the image also works on touch devices
Demo image: Cropbox.js
Made by
  • Nguyen Hong Khanh
Github activity
  • 240 stars
  • 24 watchers
About the plugin

Cropbox.js

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

Demo image: bl-jquery-image-center
Made by
  • BOXLIGHT
Github activity
  • 53 stars
  • 9 watchers
About the plugin

bl-jquery-image-center

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

Demo image: Cropimg
Made by
  • Adam
Github activity
  • 30 stars
  • 4 watchers
About the plugin

Cropimg

Another cropping jQuery plugin.

Demo image: Responsive Cropper
Made by
  • aewebsolutions
Github activity
  • 12 stars
  • 6 watchers
About the plugin

Responsive Cropper

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.

Features
  • responsive (percentage values)
  • preserve Aspect ratio: shift key or from options
  • easy CSS/SCSS full customization
  • grid
  • minimum and Maximum crop area
  • mobile compatibility
  • methods and Events
Demo image: CropSelectJs
Made by
  • Zara 4
Github activity
  • 4 stars
  • 1 watchers
About the plugin

CropSelectJs

A simple image cropping selection jQuery plugin.

Demo image: jQuery imgFitter Plugin
Made by
  • Hideyuki Motoo
Github activity
  • 3 stars
  • 3 watchers
About the plugin

jQuery imgFitter Plugin

jQuery Plugin for resize and crop image without wrapper tags.

Demo image: Simple Cropper
Made by
  • matt-alter
Github activity
  • 1 stars
  • 1 watchers
About the plugin

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.

Features
  • attaches to any div element
  • automatically detects aspect ratio of an element
  • creates new cropped(base64 encoded) image and inserts it into element
  • cropped images are generated client-side
  • support for CSS styling

FreeFrontend © 2016 - 2018

Back to top