40 Useful Vanilla Javascript Plugins 2019

Modern JavaScript Frameworks makes it very easy to build complex web applications. Vanilla JavaScript refers to plain Javascript code, not extended in any way by any framework and it is good when it comes to create a small application. So in this post i`ve gathered 40 Useful Vanilla Javascript Plugins 2019 to use in your app.

ScrollBooster

drag-to-scroll Javascript library

This is a lightweight and zero-dependency content drag-to-scroll library JavaScript library. It lets you scroll the content horizontally and vertically by dragging the map using mouse button.

Link

FilePond

FilePond file upload library

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

Link

v8n

JavaScript validation library

The ultimate JavaScript validation library you’ve ever needed. Dead simple fluent API. Customizable. Reusable.

Link

Magic Grid

Grid Javascript Library

Creating a dynamic grid layout has never been easier. With Magic Grid, all you have to do is specify a container and listen for changes. A few other configuration options are available for convenience but it’s all very simple.

Link

autoComplete

autoComplete

This is a simple pure vanilla Javascript library that’s progressively designed for speed, high versatility and seamless integration with wide range of projects & systems, made for users and developers in mind.

Link

Pickr

Color-Picker library

Flat, simple, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

Link

Selection

Selection

Simple and lightweight library to realize visual DOM Selections, like on your Desktop.

Link

LuminJS

LuminJS

A JavaScript library to progressively highlight any text on a page. Great for when you want users to pay attention to some important text. It can also be used to show progress of a task – Read something while tasks are being completed.

Link

Curtains.js

Curtains.js

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.

Link

Wiv.js

Wiv.js

A library for a more wiggly div.

Link

Lookforward

Lookforward

This is a small library that helps you to create smooth transitions between pages with the easiest way.

Link

ScrollHint

ScrollHint

A JS library to suggest that the elements are scrollable horizontally, with the pointer icon.

Link

Easy toggle state

Easy toggle state

A tiny JavaScript library to easily toggle the state of any HTML element and its targets.

Link

Formee

Formee

A tiny library for handling form elements.

Link

Displaceable

Displaceable

Link

Pretty Scroll

Pretty Scroll

A library to make an element follow you as you scroll.

Link

Toastify

Toastify

Pure JavaScript library for better notification messages.

Link

Nightly.js

Nightly.js

A zero dependency javascript library that enables the night mode in your website easily.

Link

Driver

Driver

Powerful yet light-weight, vanilla JavaScript engine to drive the user’s focus across the page.

Link

Smooth dnd

Smooth dnd

A fast and lightweight drag&drop, sortable library for with many configuration options covering many d&d scenarios. There is no external dependencies. It uses css transitions for animations so it’s hardware accelerated whenever possible.

Link

Pell

Pell

This is the simplest and smallest WYSIWYG text editor for web, with no dependencies.

Link

Lozad

Lozad

Highly performant, light and configurable lazy loader in pure JS with no dependencies for images, iframes and more, using IntersectionObserver API.

Link

Lightgallery

Lightgallery

Full featured JavaScript image & video gallery. No dependencies.

Link

Glide

Glide

A dependency-free JavaScript ES6 slider and carousel. It`s lightweight, flexible and fast. Designed to slide. No less, no more

Link

noUiSlider

noUiSlider

It is a lightweight JavaScript range slider library with full multi-touch support.

Link

Timeago

Timeago

It is a lightweight library that performs a specific useful action: converting time formats to present how much time has passed since then.

Link

Tingle

Tingle

A minimalist and easy-to-use modal plugin written in pure JavaScript.

Link

Jarallax

Jarallax

Smooth parallax scrolling effect for background images using CSS transforms with graceful degradation for old browsers. Parallax plugin with NO dependencies. jQuery supported. Youtube and Vimeo parallax supported.

Link

Choices.js

Choices.js

Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

Link

Lory

Lory

Touch enabled minimalistic slider written in vanilla JavaScript.

Link

SimpleBar

SimpleBar

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

Link

imaskjs

imaskjs

Vanilla javascript input mask.

Link

Tobi

Tobi

An accessible, simple and light-weight open source lightbox script with no dependencies.

Link

Tiny Slider

Tiny Slider

Tiny slider for all purposes, inspired by Owl Carousel.

Link

Medium Zoom

Medium Zoom

A JavaScript library for zooming images like Medium.

Link

Sticky

Sticky

This is a library for sticky elements written in vanilla javascript. With this library you can easily set sticky elements on your website. It’s also responsive.

Link

Pikaday

Pikaday

A refreshing JavaScript Datepicker ` lightweight, no dependencies, modular CSS

Link

iTyped

iTyped

Dead simple Javascript animated typing, with no dependencies.

Link

PriorityNavigation

PriorityNavigation

This is a pure javascript plugin that will move your menu items if they don’t fit its parent.

Link

Title Notifier

Title Notifier

This is javascript library to dynamically show the number of unread notifications in your webpage title.

Link

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.