1. CropperCropper is currently in v4.0 beta and it’s one of the best JS cropping scripts on the web. This runs entirely on jQuery but there is a non-jQuery version too. Both versions are identical other than syntax and they have some of the best features around for image cropping with a laundry list of options and methods. When hovering over the uploaded image you can scroll in and out using your mouse wheel to zoom. This also supports pinching and touch-based input devices. Not to mention you can add custom tools with the Cropper API. These tools let visitors automatically rotate, zoom, and force-crop certain aspect ratios onto their uploads. Cropper is just a great plugin hands down.
4. CroppicThe cleverly-named Croppic plugin is one more free jQuery alternative. It can handle all your basic image cropping, dragging, zooming, stuff like that. But it stands out because of its many additional features, one of which can automatically handle image uploads right from your browser. That feature does require a web server and a backend language (PHP is preferred). But if you check out the homepage and click “docs” you’ll find the uploadData method. A fantastic way to handle Ajax image uploads with class. It’s not to say other jQuery image cropping plugins don’t offer this much support. But I find Croppic easier to use with more UI customizations like modal windows. Plus you’ll actually find free PHP scripts on the page that you can pair with the Croppic plugin. How cool is that?
5. React Drop n CropThere’s a lot to love about React.js. It’s quickly becoming a staple for building dynamic webapps with a JS-heavy stack. The React Drag and Drop plugin is a combo of two different scripts. This uses the dropzone library to handle image uploads along with the React Cropper as an image cropping React component. You can see a live demo here if you’re curious how it works in the browser. That whole demo is dynamic too so you can follow along with each action as it occurs in real time. If you’re a React developer this is one script you’ll want to know about.
7. JcropThe Jcrop plugin has been around for quite a while being one of the first jQuery image cropping tools on the web. However it’s also got quite a slowdown in updates and support. The repo hasn’t had major updates in a few years and the same can be said of the demo page. Still, this script works very well for handling image uploads via PHP. Most web developers stick to PHP since it’s easy to learn and it runs on most major web servers, not to mention it plays nice with the largest CMS engines like WordPress. Jcrop is a fun open source image cropping script that’s worth a glance if you want something made for large browser support. Just keep in mind it’s unlikely to get new updates or major support in the coming years.
We’re all familiar with rebrands going wrong, but what happens when they go right? From McDonald’s health kick to…
By Max Walton
When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…
By Robert Reeve
As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…
You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…