Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.
Pikaday is a lightweight Javascript datepicker with no dependencies. Pikaday does not require jQuery, however there is a jQuery plugin version too.
jQuery Upload File plugin provides multiple file uploads with progress bar.Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
Tether is a javascript library for efficiently making an absolutely positioned element stay next to another element on the page.
Tether includes the ability to constrain the element within the viewport, it's scroll parent, any other element on the page, or a fixed bounding box. When it exceedes those constraints it can be pinned to the edge, flip to the other side of it's target, or hide itself.
A-Slider is a simple, responsive slider with audio support. It's easy to use, highly configurable slider.
Features
annyang is a javascript library for adding voice commands to your site, using speech recognition. It supports multiple languages, has no dependencies and is free to use.
Pop Menu is a jQuery plugin to create simple responsive popup menu.
jQuery URLive lets you easily create a live preview of any URL base on its Open Graph properties and other details, similar to Facebook's post attachment.
This plugin works with <textarea>
, <input>
, <a>
tags and any other element with a URL on its content.
Selectonic is a jQuery based plugin for making any list of items selectable by mouse and keyboard. It could be usefull in web app where are different widgets like menus, dropdowns with keyboard input, lists with multiple selection and so on.
Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds.
Draggabilly is a separate library that makes elements draggable. It supports IE8+ and multi-touch.
Respify is a simple responsive images library, which parses a image from a set of child span nodes with data-media and data-src attributes. It uses media queries to select images.
Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing menus and sidebars into your website.
JointJS is a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders. JointJS makes it easy to create visual languages & tools of various kinds.
The event-driven nature together with MVC architecture of JointJS makes it easy to plug-in any backend application.
EasyDropDown is a jQuery plugin that effortlessly turns humble <select>
elements into styleable drop-down menus for use in forms or general UI/navigation.
Features:
scrollReveal.js is a javascript plugin for declarative on-scroll reveal animations. It's simple way to create and maintain how elements fade in, triggered when they enter the viewport.
Interactive, accessible toggle switches for the web. Transform checkboxes into toggle switches.
Toggle switches made for the web are often solely constructed to change when clicked or tapped, animating side-to-side as they toggle.
Fit.js has a very simple purpose and that is to help you fit things into other things.
ifvisible.js is a crosbrowser & lightweight way to check if user is looking at the page or interacting with it.
iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller.
iScroll can handle any element that needs to be moved with user interaction. It adds scrolling, zooming, panning, infinite scrolling, parallax scrolling, carousels to your projects and manages to do that in just 4kb. Give it a broom and it will also clean up your office.
A great collection of demos and tutorials of the JavaScript kinetic scrolling series.
Mappy.js is a jQuery plugin to select places on a map. As well as picking places, you can add/edit ones to integrate with your own database.
Responsive lazy loader allows you lo load the most appropriate image renditions according to the current breakpoint and to the current display into the CSS grid-system.
Parallax ImageScroll is a simple and easy jQuery plugin for creating image parallax effects when scrolling the page, inspired by spotify.com
Tocible is a lightweight jQuery plugin for creating table of contents navigation menu.
Autotab is a jQuery plugin that provides auto tabbing and filtering on text fields in a form.
Once the maximum number of characters has been reached within a text field, the focus is automatically set to a defined element. Likewise, clearing out the text field's content by pressing backspace eventually places the focus on a previous element.
Resumable.js is a JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.
The library is designed to introduce fault-tolerance into the upload of large files through HTTP. It allows for users to pause, resume and even recover uploads without losing state.
tCycle is a minimalist jQuery slideshow plugin that won't blow your bandwidth budget.
It supports the following features:
ABigImage is jQuery plugin for viewing big versions of images.
Features
href
attribute for large images.picturefill is a responsive images approach that you can use today that mimics the proposed picture element using span
s, for safety sake. Picturefill works best in browsers that support CSS3 media queries
Highlight.js highlights syntax in code examples on blogs, forums and, in fact, on any web page. It's very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.
Features
jQuery.TosRUs plugin is a great lightbox alternative for scrolling/swiping through any kind of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup. It's responsive by default.
countUp.js is a lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.
Square Menu is a Square-like menu animation for website that is created by using jQuery and CSS3.
Circliful is a jQuery plugin for showing circle statistics.
This jQuery plugin simplifies the usage of Bootstrap Pagination. It uses appropriate classes:.pagination
, .active
and .disabled
.
A tutorial on how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it addresses the overflowing table problem including adding support for biaxial headers.
Serialize an HTML Form to a JavaScript Object, supporting nested attributes and arrays. The serializeJSON
function does not return JSON, but an object instead.
basket.js is a small JavaScript library supporting localStorage caching of scripts. If script(s) have previously been saved locally, they will simply be loaded and injected into the current document. If not, they will be XHR'd in for use right away, but cached so that no additional loads are required in the future.
TinyColor is a micro framework for inputting colors and outputting colors as different formats. Input is meant to be as permissive as possible.
The following color types are supported: RGB, HSL, HSV, Hex, Name (from SVG color codes)
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
In this tutorial you ll create really cool hover effect. You ll be using SVG for the shape and Snap.svg for animating it on hover.
The idea is to create a SVG with one path that represents the shape background for some caption and to morph that path into another one on hover
Slip.js is a tiny library for interactive swiping and reordering of elements in lists on touch screens.
Supports iOS Safari, Firefox Mobile, Chrome Mobile, Opera Mobile.
qpScroll is a jQuery plugin that creates a parallax background for any page or div. It is simple to setup. It can be added to any existing page without the need to change the HTML mark up.
Shifter is a jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them.
simpleGal is a simple jQuery image gallery plugin. It's easy to use and thumbnails can be vertical / horizontal.
Location Picker plugin allows to easily find and select a location on the Google Map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).
SlipHover is a jQuery plugin to apply direction aware hover animation to images or any other elements.
WordCount.js is a client-side JS library that counts bytes, words, lines chars, and calculates the longest line of a file. This library utilized the HTML5 File API.
Fluidbox is a jQuery plugin that replicate the distraction-free, fluid lightbox seen on Medium, and to improve on it such that it will allow linking to a larger-resolution image.
It works on mobile and also plugin deals with higher resolution, linked images elegantly, such that it only preloads them when users click on the thumbnails.
Midway.js makes it super easy to automatically center the responsive elements on your websites. You all know and love the absolute positioning centering technique, but what happens when those centered elements change sizes, due to percentage based layouts? That's where Midway.js comes in.
Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser and offers an integrated solution to work with numbers, big numbers, complex numbers, units, and matrices. Powerful and easy to use.
Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. Also several new animation options added so that you can personalize it.
tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript - offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.