Isn’t it neat? PhotoSwipe – Responsive JavaScript Image Gallery With SweetAlert, you can say goodbye to the old and boring JavaScript alert boxes and have a dependable alert solution available in your web-project. You can customize SweetAlert easily, such as adding a custom icon or changing the theme with pre-existing ones or your own themes. The default look and feel of SweetAlert is quite clean and modern and it offers a lot of out of the box animations such as the one shown in the GIF above. SweetAlert – Beautiful JavaScript AlertsĪs the name suggests, SweetAlert is a sweet replacement for JavaScript alerts. SweetAlert automatically centers itself on the page and looks good on all kinds of devices: desktop, mobile or tablet. You can find multiple examples of how DropzoneJS can be used in pair with server side-implementations such as PHP and NodeJS. You would still need to implement a server side logic to handle the file upload.
Note that, this is just the client side implementation of file upload functionality. For example, here is a bootstrap based DropzoneJS example. There are a lot of customization options available and you can theme the look of this utility to your own desire. It doesn’t depend on any other library (like jQuery) and works well with all major web browsers. Without further ado, let me introduce you to some of the best free JavaScript Libraries we have ever encountered: Dropzone.js – Drag and Drop File UploadsĭropzoneJS is a light-weight and open source library that you can use to add drag and drop file uploads with image previews in your website. Nonetheless, most of the libraries listed below are standalone and do not require any additional dependencies.
We have not included more elaborate libraries like jQuery here, however some of the libraries listed below do depend on jQuery. Related read: 15 Awesome Free Tools & Resources for Web DevelopersĪll the JavaScript libraries we have picked solve one very specific task and they do it well.