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