STYLE SWITCHER

Jquery

Glide.js -JavaScript ES6 slider and carousel

Glide.js -JavaScript ES6 slider and carousel

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.

Features:

  • Dependency-free. Everything included, ready for action.
  • Lightweight. Only ~22kb (~7kb gzipped) with every functionality on board.
  • Modular. Remove unused modules and drop script weight even more.
  • Extendable. Plug-in your own modules with additional functionalities.
  • Bundlers ready.
WebsiteDownload
More
ScrollBooster – Content Drag-to-Scroll Library

ScrollBooster – Content Drag-to-Scroll Library

ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.
Example Download
More
Driver.js – JavaScript Engine to Drive Users Focus Across the Page

Driver.js – JavaScript Engine to Drive Users Focus Across the Page

Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page

What are the features?

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.

  • Highlight any (literally any) item on page
  • Block user interactions
  • Create feature introductions
  • Add focus shifters for users
  • Highly customizable – Use it anywhere for overlay
  • User Friendly – Controllable by keys
  • MIT Licensed – Free for personal and commercial use
  • Lightweight – Only ~4kb when gzipped
  • Consistent behavior across all major browsers
Website
More
FilePond – Flexible JavaScript File Upload Plugin

FilePond – Flexible JavaScript File Upload Plugin

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
More
TypeIt

TypeIt

The most versatile animated typing utility on the planet. |
Website
More
Progress Nav – Animated Progress Bar to Highlight Current Section

Progress Nav – Animated Progress Bar to Highlight Current Section

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
More
Amplitude JS

Amplitude JS

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.

Features

  • Completely independent library (no jQuery required)
  • 100% customizable design of all player elements
  • Available by CDN or single command install: npm install --save amplitudejs
  • Multiple playlist support on single page
  • Song meta data display
  • Soundcloud integration
  • Live streaming support
  • Call back functions for events
Website Download
More
Select2 – The jQuery replacement for select boxes

Select2 – The jQuery replacement for select boxes

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
  • Fully extensible
  • Dynamic item creation
  • Full browser support
Website
More
Moment Timezone – Parse and Display Dates in Any Timezone

Moment Timezone – Parse and Display Dates in Any Timezone

Moment Timezone is timezone support for moment.js that parse and display dates in any timezone.
Website
More
ContentShare

ContentShare

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.
Usage
  
 <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
More