DEV Community

Ibrahim Kamal
Ibrahim Kamal

Posted on

10 Useful Vanilla Javascript Plugins 2021

Introduction

About 3 months ago I wrote this article: 10 Useful Vanilla Javascript Plugins 2020

In this article, I will add another 10 vanilla js plugins that will make your life easier.

1. GSAP

Alt Text

  • The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web. Anything you see in your web browser can be animated with GSAP

  • Weekly Downloads on npm

Alt Text

2. Player

Alt Text

  • Plyr is a simple, lightweight, accessible, and customizable HTML5, YouTube, and Vimeo media player that supports modern browsers.

  • Weekly Downloads on npm

Alt Text

3. dropzone.js

Alt Text

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

  • Weekly Downloads on npm

Alt Text

4. flatpickr

Alt Text

  • flatpickr is a lightweight and powerful DateTime picker

  • Weekly Downloads on npm

Alt Text

5. Cleave.js

Alt Text

  • JavaScript library for formatting input text content when you are typing.

  • Weekly Downloads on npm

Alt Text

6. CountUp.js

Alt Text

  • CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.

  • Weekly Downloads on npm

Alt Text

7. rellax

Alt Text

  • Rellax is a buttery smooth, super lightweight, vanilla javascript parallax library

  • Weekly Downloads on npm

Alt Text

8. particles.js

Alt Text

  • particles.js is a lightweight JavaScript library for creating particles.

  • Weekly Downloads on npm

Alt Text

9. Smooth Scrollbar

Alt Text

  • Smooth Scrollbar is a JavaScript plugin that allows you customizing high-performance scrollbars across browsers.

  • Weekly Downloads on npm

Alt Text

10. filterizr

Alt Text

  • Filterizr is a JavaScript library that searches, sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

  • Weekly Downloads on npm

Alt Text

Top comments (12)

Collapse
 
danielpdev profile image
danielpdev • Edited

I've used DropzoneJS and particles.js in some projects. They are very useful and easy libraries to use.

D3.js should also be mentioned as a must use library for drawing all sorts of graphs based on complex data.

Collapse
 
shadowtime2000 profile image
shadowtime2000

I think these would be considered more of libraries than "plugins".

Collapse
 
matteobruni profile image
Matteo Bruni

I should suggest tsParticles instead of the abandoned particles.js

Collapse
 
ibrahimkamal profile image
Ibrahim Kamal

Woooooow thank you so much

Collapse
 
feraswaraq profile image
feraswaraq@gmail.com

Good and helpful, thank you for sharing.

Collapse
 
ibrahimkamal profile image
Ibrahim Kamal

♥♥

Collapse
 
youssefzidan profile image
Youssef Zidan

Great!

Collapse
 
ibrahimkamal profile image
Ibrahim Kamal

7abeby ya handasa ♥

Collapse
 
eidellev profile image
Lev Eidelman Nagar

Thanks, some of these are new to me. Will definitely give them a try.

Collapse
 
ibrahimkamal profile image
Ibrahim Kamal

♥♥

Collapse
 
tvast profile image
Théophile Vast

Thank you very much

Collapse
 
ibrahimkamal profile image
Ibrahim Kamal

♥♥