DEV Community

Ibrahim Kamal
Ibrahim Kamal

Posted on

127 28

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

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

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

♥♥

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay