A set of jQuery plugins that compose a flexible, web-based image editing studio.
JavaScript CSS
Latest commit 87f76e9 Apr 15, 2016 @nathanaeljones nathanaeljones Merge pull request #15 from Steji/master
Reset buttons disabled by default, events added to enable and disable them
Failed to load latest commit information.
css Added 28 pixels of padding at the bottom of of the image pane to ensu… Nov 3, 2012
libs Upgraded jQuery from 1.7.1 to 1.8.2 Nov 1, 2012
ImageResizer.js OriginalWidth/Height are now stored in .ow and .oh instead of .r.iw a… Nov 1, 2012
imageresizer.md Updated docs Nov 1, 2012
imagestudio.md Updated docs Nov 1, 2012
jcrop-preview.md Updated docs Nov 1, 2012
jquery.Jcrop.js Initial commit Mar 21, 2012
jquery.imagestudio.js Fixed an issue with aspect ratio dropdown showing a blank option in C… Mar 22, 2016
jquery.jcrop.preview.js JCrop.preview: Added support for boxWidth/boxHeight usage in Jcrop (c… Oct 26, 2012
readme.md Update readme links to new repository location Apr 8, 2014
tutorial.md Updated docs; added tutorial Nov 1, 2012



StudioJS is a rapidly growing collection of jQuery plugins for image cropping, resizing, and editing.

Please file any bugs you discover in the Issues tab

All client-side components are released under the MIT license by their respective authors.

For a live demo, click here.

If you are upgrading, please check the changelog for migration notes. Some backwards-incompatible changes have been made.

If you're new to StudioJS, the tutorial is an appropriate place to start.

Documentation Links

Overview of files

  • jquery.Jcrop.js - A slightly modified version of Jan. 2012 version of JCrop. I've made a pull request.
  • jQuery.jcrop.preview.js - A tiny plugin to provide a live preview of the crop rectangle in an arbitrary container.
  • ImageResizer.js - Provides a set of classes for querystring parsing and serialization, polygon math, and command string creation. Requires underscore.
  • jquery.imagestudio.js - A configurable jquery UI plugin for creating a photo-editing widget in an arbitrary container.

Javascript Dependencies

Copies of all dependences can be found in the /libs folder. Most files in /libs are NOT required.

  • jquery.Jcrop and Jcrop.preview.js require jQuery, 1.7 or higher.
  • ImageResizer.js requires underscore.js 1.3.1 or higher
  • jquery.imagestudio.js requires jquery-ui 1.8.16 or higher and all of the aforementioned libraries

CSS dependencies

  • Jcrop requires css/Jcrop.gif, css/jquery.Jcrop.css.
  • ImageStudio requires jquery-ui-1.8.16.custom.css (and folder), css/jquery.imagestudio.css, css/loading.gif, css/delete-rect.gif