Croppie is a fast, easy to use image cropping plugin with tons of configuration options! <div class="demo"></div> <script> $('.demo').croppie({ url: 'demo/demo-1.jpg', }); </script> <!-- or even simpler --> <img class="my-image" src="demo/demo-1.jpg" /> <script> $('.my-image').croppie(); </script> NPM: npm install croppie Bower: bower install croppie Download: Source Then add the following element
![Croppie - a javascript image cropper](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd358de31143fca45fec37bf19bda77297299fa9/height=288;version=1;width=512/https%3A%2F%2Ffoliotek.github.io%2FCroppie%2Fdemo%2Fhero.png)