A simple jQuery image cropping plugin that provides an intuitive interface for selecting and manipulating image regions.
Cropper is a jQuery plugin that adds interactive image cropping capabilities to web pages. It allows users to select a portion of an image by dragging and resizing a crop box, with options to maintain aspect ratios and capture crop data via events. The plugin simplifies implementing crop functionality for user avatars, profile pictures, or image uploads.
Frontend developers working with jQuery who need to integrate client-side image cropping into forms, media galleries, or user profile editors.
Developers choose Cropper for its simplicity, lightweight jQuery integration, and comprehensive feature set including aspect ratio locking, event handling, and method-based control, all without heavy dependencies.
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Requires only jQuery and simple initialization with $.fn.cropper, making it quick to add to legacy or jQuery-heavy projects without complex setup.
Supports locking crop selection to specific ratios like 16:9 or 4:3, essential for generating consistent thumbnails or avatars as highlighted in the features.
Provides events to capture crop coordinates, dimensions, rotation, and scale in real-time, enabling dynamic updates and data extraction without page reloads.
Offers methods like zoom, rotate, and reset for manipulating the crop box programmatically, adding flexibility for custom interactions.
The README explicitly recommends using Cropper.js or jquery-cropper instead, indicating this plugin is no longer the primary focus for updates and may lack future features.
Requires jQuery, which adds unnecessary bloat for modern applications not already using it, increasing page load size and complexity.
As a jQuery plugin, it doesn't integrate natively with modern frameworks like React or Vue, often requiring workarounds or wrapper components.