Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.
Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page
Driver is compatible with all the major browsers and can be used for any of your overlay needs. Feature introductions, focus shifters, call-to-action are just a few examples.
FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience.
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.
Website 
Progress Nav is an animated progress bar that highlights sections of a page that are currently in view.
This page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.
The rest of the content below is taken from slides.com/developers. Take a look at that to see how the progress nav looks on a real page.
Created by Hakim El Hattab | hakim.se | @hakimel
Website 
Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.
Amplitude.js is a lightweight JavaScript library that allows you to control the design of your media controls in your webpage -- not the browser. No dependencies (jQuery not required). Amplitude.js is available under the MIT License.
npm install --save amplitudejs 
ContentShare is a jQuery plugin which lets you share the exact content on a page which you actually want to share. It enables you to share selected text on your social network rather the default text specified in thetags. By default, it supports Facebook and Twitter but you can add more networks easily.
<html>
<head>
// css file for tooltip
<link rel="stylesheet" type="text/css" href="tooltipster.min.css"/>
// jquery library
<script src="jquery-1.8.3.min.js"></script>
// tooltip plugin
<script type="text/javascript" src="jquery.tooltipster.min.js"></script>
// our awesome ContentShare plugin
<script src="contentshare.js"></script>
</head>
</html>
ContentShare by default works on the text within ptags. So, if you are okay with this then you can skip this part. To customize, you can specify any element via CSS/jQuery Selectors and pass it while calling the plugin like:
// calling the plugin on DOM ready
$(document).ready(function(){
$("p").contentshare();
$.fn.contentshare.defaults.shareable.on('mouseup',function(){
$.fn.contentshare.showTooltip();
});
});
Website