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.
