This article was published 7 years ago, therefore the contents of this post may be out of date.

Today in this post you will see what kinds of JavaScript plugins and libraries you can use without using any dependencies such as jQuery. All of these scripts and plugins that features on this page offers a straightforward and specific function. As there are no bloated all-in-one frameworks, you can just use these useful, lightweight and problem-solving solutions to help make the design and development process much easier and quicker.

Here as you would expect, I’m are presenting for you 20 most useful JavaScript libraries and plugins that could be the right solutions for creating sliders, image galleries, responsive menus, modal windows, and many other common web components.

1. Leaflet

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 38 KB of JS, it has all the mapping features most developers ever need.

2. Loud Links

A simple tiny Javascript library to add interaction sounds to your website.

3. InlineTweet

InlineTweet.js allows you to easily create tweetable links out of any text on a webpage. Just wrap the tweetable text in a container with data-inline-tweet and you’re good to go!

4. FlatPickr

flatpickr is a lightweight and powerful datetime picker.

5. PicoModal

A small, self-contained JavaScript modal library. Plain, vanilla JS.

6. Dropzone

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

7. Tingle

Tingle is a minimalist and easy-to-use modal plugin written in pure JavaScript:

8. Cropper

A pure javascript, no-framework JavaScript component for image area select and cropping.

9. Vivus

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.

10. Autosize

Autosize is a small, stand-alone script to automatically adjust textarea height to fit text.

11. Push Menu

Sometimes you just need a really simple push menu.

12. Pixabay Images Gallery

A JavaScript widget for inserting Pixabay image galleries with ease into any website.

13. List

Tiny, invisible and simple, yet powerful and fast script that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

14. PhotoSwipe

Beautiful and very powerful image gallery plugin. A bit on the larger side concerning code base.

15. Ideal Image Slider

Ieal Image Slider was to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”.

16. Vanilla Autocomplete

A autocomplete plugin built with vanillaJS

17. Shave

Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height. It then stores the diff of the original text string in a hidden <span> element following the visible text. This means the original text remains intact!

18. Numscrubber

Let’s change values of input numbers by dragging the mouse left & right

19. Table Dragger

Easily add drag-and-drop sorting to your table without jQuery

20. Notyf

A dead simple, responsive, vanilla javascript notification plugin.No jQuery required.


20 Amazing JavaScript Libraries & Plugins