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

To be a great developer means not only produce great products but also to stay on top of changes in the field. Keeping up with the ever-changing world is the key to success.

But, it doesn’t mean that you should obsessively take part in all conferences, meetings and events, as well put work in every brand-new techniques you can find. Whether it’s just a theory in Codepen or a fork in GitHub, the developer community comes up with some exciting ideas almost every day.

The web is overflowing with such kind of stuff. It pops up here, there and everywhere such as generators, online platforms, frameworks, etc. All these components were created to contribute to workflows. When it comes to creating a website, as a rule, we love to choose JavaScript plugins that give us quick answers to our problems, while also tackling the issues effectively.

Today’s article shows a list of 12 best and free JavaScript plugins for 2018.

1. Rmodal.js

This is a fast and straightforward Javascript modal dialog library. It is amazingly lightweight(only 1.2KB), with no dependencies, and works excellent with Bootstrap and Animate.css. It supports ES modules, CommonJS and is compatible with all browsers including IE9+.

2. 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!

3. Curtains.js

curtains.js was created with just that issue in mind. It is a small vanilla WebGL javascript library that converts HTML elements containing images and videos into 3D WebGL textured planes, allowing you to animate them via shaders. You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages.

4. Pushbar.js

Pushbar.js is a tiny JavaScript plugin for creating sliding drawers in web apps It is fully customisable and dependency free.You can use it as sidebar menus or option drawers.

5. Popbox.js

Popbox.js is a tiny javascript plugin for creating stackable modals. It is fully customizable and dependency free.

6. Shepherd

Shepherd is a JavaScript library for guiding users through your app. It uses Popper.js, another open source library, to position all of its steps.

7. Draggable

Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to.

8. Progressbar.js

With ProgressBar.js, it’s easy to create responsive and stylish progress bars for the web. Animations perform well even on mobile devices. It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor.

9. Card

Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.

10. ReadRemaining.js

Tell your readers how long they’ll need to get through all of your gibberish, with this clever jQuery plugin. With ReadRemaining.js TL;DR is a thing of the past.

11. Vex

vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. You’ll love vex because it’s tiny (5.6kb minified and gzipped), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds.

12. Stickybits

Stickybits is a lightweight alternative to position: sticky polyfills that works perfectly for things like sticky headers.



12 Best and Free JavaScript Plugins for 2018