ProjectBlocker – jQuery Blocking Plugin for Websites

Download Demo

A handy jQuery solution for blocking responsive, IE, or incomplete bits from being seen while in development.

Features:

• Block responsive web design – gives you the ability to demo coded previews without worrying about how the project might look on mobile devices.
• Block the homepage – show a polite message that a page isn’t yet ready to be viewed to keep visitors out of broken or unfinished areas of preview sites.
• Block Internet Explorer – duh.
• Customizable and friendly blocking messages – because good UX is the right thing to do.
• Bypass for developers – for sanity.

Texgen.js – Procedural Texture Generator

Download Demo

Texgen.js is a JavaScript library to create static or animated textures using HTML5 Canvas.

SSS – Super Simple Slider

Download Demo

Super Simple Slider (SSS) is a flexible and lightweight jQuery slider with super simple to set up.

Art Design Slider – Responsive jQuery Image Slider

Download Demo

ArtDesignSlider is a responsive jQuery image slider with support auto resize images with different dimension.

Features:

• Support IE 7 or above and all major browsers
• Responsive
• Support full width and full height
• Class prefix to prevent conflict with classes from other CSS files
• Full style control with JS, no need CSS: width, height, border, icons, colors etc
• Full navigation control
• Full control of the position of all elements
• Support images with different dimensions
• Automatic resizing and centering of images
• Keys press listening and mouse wheel listening
• 24 Transition effects
• Multiple instances

Awesomplete – Ultra lightweight, usable, beautiful autocomplete

Download Demo

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers.

SiteHelp.js – A better approach of step by step guided tour

Download Demo

SiteHelp.Js is a very helpful Javascript plugin made using jQuery to provide interactive site help. Sometimes it happens that a user visits a webpage and he totally helpless as where to navigate next. SiteHelp.js helps such users by navigating them to the important sections or html elements of a website and provide some help guidelines which they could have missed otherwise. It simply creates a virtual tour of the website.

It is very simple and easy to integrate this plugin in an existing website as it is very light weight, just a small javascript code with no images or extra css files. Also it does not requires much coding skills, it requires just few parameters to be initialized and the rest it will mange on its own.

gridslide.js – Multi-Directional jQuery Image Slider

Download Demo

gridslide.js is a multi-directional jQuery image slider. It’s useful for displaying multiple albums on one page or diorama style photo arrays.

SuperSimpleSlider – jQuery Slider Plugin

Download Demo

Super Simple Slider is a jQuery plugin that automatically generates your slider and gives you a balanced amount of settings to configure. Also it can be use as carousel.

jQuery Hero Slider Plugin

Download Demo

jQuery Hero Slider Plugin is a light-weight and easy to install. It is responsive, powerful, and customizable. It has different kinds of transition effects.

Bootstrap Fullscreen Select

Download Demo

Bootstrap Fullscreen Select is a custom fullscreen select / multiselect for Bootstrap using buttons or User defined elements, designed for mobile devices. This plugin makes it super easy for a user to use the ‘select’ on small touch screen devices.

Features:

• Full functionality of a native html select.
• 3 OS suited themes (white, holo, mac).
• 8 graceful in and out animations.
• Custom titles and button text.
• Customizable button colors.
• CSS3 animations.
• onOpen & onClose callbacks
• Tested reliable code.

favico.js – jQuery Plugin to Animate FavIcon

Download Demo

favico.js a jQuery plugin to animate favicons with badges, images or videos. Also it supports AngularJS.

Radial Indicator – Lightweight Circular Indicator Plugin

Download Demo

Radial Indicator is a simple and lightweight circular indicator plugin. Runs with native js and do support jQuery and angular.js

jQuery Confirm – alerts, confirms and dialogs

Download Demo

jQuery Confirm is a jQuery plugin that provides great set of features like, Auto-close, Ajax-loading, background-dismiss, themes and more.

Dependencies:

• Bootstrap by Twitter > v2
• jQuery library > v1.8

Full-Screen Pushing Navigation

Download Demo

A full page menu, that replaces the current content by pushing it off the screen.

Bootstrap Tree View

Download Demo

A simple and elegant solution to displaying hierarchical tree structures while levering the best that Bootstrap has to offer.

Tiny jQuery ColorPicker

Download Demo

Tiny jQuery colorPicker is a mobile first, tiny foot print, fast, scaleable, flexible and pluggable color picker.

It supports all modern features like touch and MS pointer, GPU accelerated rendering, battery friendly requestAnimationFrame and provides a lot of hooks and a clean and rich API and model for developers to write plugins.

jqBootstrapValidation

Download Demo

jqBootstrapValidation is a JQuery validation plugin for bootstrap forms.

1. INCLUDE JS FILES

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery --> <script src="/js/jqBootstrapValidation.js"></script>

2. HTML

<input type="email" id="email" required> <input   name="emailAgain"   data-validation-matches-match="email"   data-validation-matches-message=     "Must match email address entered above" > <input   type="checkbox"   name="terms-and-conditions"   required   data-validation-required-message=     "You must agree to the terms and conditions" > <input type="checkbox"   name="qualityControl[]"   value="fast"   minchecked="2"   data-validation-minchecked-message="Choose two"   maxchecked="2"   data-validation-maxchecked-message=     "You can't have it all ways" >

3. JAVASCRIPT

$(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );