Category Archives: Jquery

Scrollorama – Cool scroll animation

Scroll animation
A jQuery plugin for cool scroll animation

Read More Demo

Quick, cool margin notes with jQuery

Marginotes take your jQuery selection and add notes to the sidelines with the text provided in HTML attributes. If you do not want to use jQuery, there is also a version of margins without it.

Read More

jQuery Scroll Indicator Plugin

Modern browsers and especially mobile devices often do not have permanent scrollbars. Scroll bars on mobile devices are not necessary because the user simply moves by dragging. The problem with this though is that users may miss the ability to scroll through a certain window to see more. This applies mainly to

and

Like And Dislike Rating System same as in Youtube using jQuery,Ajax And PHP

Youtube is on of the most famous social media website in the world. In there video panel there is on cool Like And Dislike Rating System . Here we trying to make that rating system using jquery ajax and php

Read More Demo

Mobile friendly and responsive lightbox and modal dialog plugin : Magnific Popup

A mobile-friendly, Fast, light and responsive lightbox and modal dialog plugin. Open inline HTML, ajax loaded content, image, form, iframe (YouTube video, Vimeo, Google Maps), photo gallery. Animation effects added with CSS3 transitions.

Read More Demo Download

Drag and Drop File Upload jQuery

Drag and Drop File Upload using HTML5 and jQuery AJAX API. This plugin only supported in HTML5 browsers like IE 10+ , Firefox ,Chrome , Safari, Opera.

Read More Demo

Mini jQueryGraph Plugin : jQuery TempGauge plugin

Mini jQuery Temperature styled Gauge plugin, that replaces Temperature Values with an Temperature Gauge.

jQuery TempGauge plugin Features

replaces or inserts temperature values with a Temperature Gauge canvas
show Temperature Label
set Gauge Border Color
set Gauge Fill Color
set Max and Min Temperature
set canvas width (height is calculated width * 2)
Gauge-plugin is chainable
show Scale

Read More Download

JS Library to write Clever CSS Selectors for your web sites : Detectr.js

Detectr.js is a very tiny javascript library which gives you the power to write understandable and clearly defined CSS rules to refine your website design for each different browser, platform, device and operating system.

Read More Download

HTML5 form validation jQuery plugin

form validation jQuery plugin

A user-friendly HTML5 form validation jQuery plugin for Bootstrap 3. The validator plugin provides an automatic form validation configurable mostly HTML5 standard attributes . It also provides an unobtrusive user experience , because nobody likes a naggy form .

Read More Demo

Best jquery plugin to validate form fields

jquery plugin to validate form fields

The best jquery plugin to validate form fields. Designed to use with top frameworks like Bootstrap + Zurb Foundation + Pure + SemanticUI + UIKit + Your own frameworks.

Read More Download

Bootstrap based jQuery tags input plugin

jQuery tags input plugin

jQuery tags input plugin

Bootstrap based jQuery tags input plugin, Twitter Bootstrap is to provide a user interface to manage the tags.

Read More Demo

New JavaScript UI Library

The w2ui New JavaScript UI Library is a set of jQuery plugins for front-end development of data-driven Web applications . It’s not an adhoc port to jQuery , but was initially developed with jQuery in mind .

Read More Demo

JQuery Mobile UI Theme

jQuery Mobile Square UI Theme. A JQuery Mobile UI Theme

Read More Demo

Simple modal window with an animated SVG background

Tutorial about creating simple modal window with an SVG background animated using Snap.svg and javascript.

Read More Demo

Extended JavaScript regular expressions

XRegExp has augmented ( and expandable ) JavaScript regular expressions . You get new , modern syntax and flags on the browsers support natively . XRegExp is also a regex utility belt with tools to make your client-side parsing Grepping and easier while freeing you from worry about annoying aspects of JavaScript regular expressions as cross-browser inconsistencies and manual manipulation load .

Read More Demo

Responsive Touch Enabled jQuery Carousel Plugin

jCider is a simple , flexible Responsive Touch Enabled jQuery Carousel Plugin that makes it easier to create a responsive , mobile -friendly slider carousel with turbidity or slide transitions between slides.

Read More Demo

HTML5 Video Background Plugin with jQuery

Another lightweight HTML5 video background plugin with jQuery , you can use a HTML5 video as a cover background for each container.

Read More Demo

Copy Text to Clipboard : Clipboard.js

Clipboard.js is a lightweight javascript library to create a modern approach to copy text to clipboard. It doesn’t require flash or any other framework.

Copying text to the clipboard should not be hard . It should not require dozens of steps to configure or load hundreds of KB . But above all , it should not depend on Flash or a bloated frameworks

Read More Demo

Create A Simple Image Slideshow

In this tutorial you will learn how to create a simple image slide show with GreenSock the TweenLite and timeline Lite .

Read More Demo

Responsive jQuery Pop Up Gallery

In this tutorial you will learn how to create a great Responsive jQuery Pop Up Gallery . Each gallery is a small preview animation . This tutorial shows you provide galleries with five different pop up galleries .

Read More Demo

jQueryUI Limit slider

jQueryUI Limit slider allowing multiple sliders and areas with all sorts of optional limitations in position / size / distance . Also includes optional labels on the slider and move titles .

Read More Demo

jQuery UI widget for creating wizard interfaces

jWizard is a jQuery UI widget for creating wizard interfaces based on your HTML Forms.

Read More Demo

jQuery Timeline plugin

jqtimeline : jQuery Timeline plugin . A simple and elegant jQuery plugin that displays a series of events ( dates ) in a timeline.

Read More Demo

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.

Read More Demo

Virtual Keyboard using jQuery UI

An on-screen – virtual keyboard in the browser window , the pop-up is when a particular input field is focused embedded .

Read More Demo

jQuery UI Slider Pips

jQuery UI Slider Pips plugin extends the jQuery UI slider widget .This is shown for a beautiful style slide below.

Read More Demo

jQuery plugin for building scroll based stories

Scroll Story is a jQuery plugin for building Scroll based stories . Instead of a specific task , aims to provide a tool to solve common problems .

Read More Demo

Web UI for building structured search or filter queries

Structured – filter is a generic Web user interface for the creation of structured search or filter queries. It allows you to structured searches such as ” contacts where first name begins with ” A ” and birthday after 01.01.1980 and the state in ( CA , NY , FL ) ” to build …

Read More Demo

Visual editor bookmarklet

Visual editor bookmarklet which modify and annotate web pages remarkably easy making ! Built with Require , jQuery and jQuery UI

Read More Demo

Show wiki Summary about any thing on your site

This plugin allows your website on the wiki summary of the text of each show , when clicked , in a inline popup appears on the same page . In addition, all internal links in it would open in the same pop-up window , and thus keep users on your site only .

Read More Demo

jquey plugin to create a table of contents from HTML markup

jQuery – nsmToc.js is a jQuery plugin that generates a nested

    Table of Contents based on header tags < hn > in your HTML markup . The TOC list item content from the title attribute the heading dragged element and falls back to the element content .

Read More

jPut – JSON to HTML

jPut is a small jQuery plugin where your JSON , the customization HTML format easy to hang ,jPut – JSON to HTML. You can also dynamically values ​​to bind your existing data slightly .Its simple and fast . The jPut can call by usind data attributes .

Read More Demo

Select2 : jQuery based replacement for select boxes

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Read More

jQuery hashchange event

jQuery hashchange event plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.s

Read More Demo

Twitter bootstrap multiselect plugin with jQuery

bootstrap-multiselect

Bootstrap Multiselect plugin

Bootstrap Multiselect plugin is a JQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown w dropdown menu containing the single options as checkboxes.

Read More Demo

jQuery Bootgrid Plugin

jquery-bootgrid

Nice, sleek and intuitive. A grid control especially designed for bootstrap.

Read More Demo

jQuery plugin to make HTML tables responsive

jQuery plugin to make HTML tables responsive
footable

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.

Read More Demo

jQuery-Picture-Cut : jQuery plugin that handles images

jquery-picturecut

picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.

Read More Demo

gridstack.js:widget layout jQuery plugin

gridstack

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js and touch devices.

Read More Demo

LightWeight popover plugin with jquery

webuipopover

A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features

Read More Demo

Display filepaths as a browsable directory list : bootstrap

directory-tree

jQuery Plugin for displaying an array of filepaths as a browsable, hierarchical directory (tree) structure. Plays nice with Bootstrap 3. Tested with jQuery v2.1.3.

Read More Demo

Data in tree structure by using angular, bootstrap

bootstrap-data-tree

Javascript Tree Grid using JQuery, Angularjs, and Javascript.

Read More Demo

JQuery validation framework for bootstrap forms

bootstrap-validation

A JQuery validation framework for bootstrap forms. Displays validation errors in help-block elements as users type.

Read More Demo

X-editable : Jquery, Bootstrap Plugin

x-editable-bootstrap

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

Read More Demo

Date range picker component for Bootstrap

date-time-rangepicker-bootstrap

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports.

Read More Demo

jQuery Mobile theme based on Bootstrap

jQuery-Mobile-theme-Bootstrap

A jQuery Mobile theme based on Bootstrap.

Read More Demo

Multi-Color progressbar component for Twitter Bootstrap

multicolor-progressbar

Multi-Color progressbar component for Twitter Bootstrap creates a progressbar which consists out of three colors or zones -Green (bar-success), Orange (bar-warning),Red (bar-danger)

Read More Demo

jQDrawBootstrapGrid : Grid columns to a twitter bootstrap enabled layout.

grid-columns-bootstrap

A simple jQuery plugin that draws grid columns to a twitter bootstrap layout.

Read More Demo

Multiple Selection Combo Box using Bootstrap 3

magicsuggest-bootstrap

Multiple Selection Combo Box using Bootstrap 3.

Read More Demo

Mention functionality for bootstrap

mention-bootstrap

Lightweight (min: 1.92kb, full: 4.07kb) wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin. This enables you to have Twitter-like user mentions in textareas

Read More Demo

Responsive Bootstrap-Modal

responsive-bootstrap-modal

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

Read More Demo

Twitter Bootstrap theme with jQuery UI

jquery-ui-bootstrap

This project was started to bring the beauty and ease-of-use of Bootstrap to jQuery UI widgets

Read More Demo

Bootstrap-maxlength

bootstrap-maxlength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work.

Read More Demo

Bootstrap Switch

bootstrap-switch

Turn checkboxes and radio buttons in toggle switches.

Read More Demo

Custom select for Bootstrap

custom-select

A custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

Read More Demo

Simple lightbox plugin based on the bootstrap modal plugin

bootstrap-lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

Read More Demo

Clockface timepicker for Twitter Bootstrap

timepicker-bootstrap

Clockface timepicker for Twitter Bootstrap

Read More Demo

Library for adding declarative ajax functionality to your website

bootstrap-ajax

No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called “html” that is the rendered content. Unlike a backbone.js approach to building a web app, eldarion-ajax leverages server side template rendering engines to render and return HTML fragments.

Read More Demo

Bootstrap Tags Input : Jquery Plugin

bootstrap-tag-input

Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

Read More Demo

Simple WYSIWYG Editor using Bootstrap

summernote

Super simple WYSIWYG Editor using Bootstrap.

Read More Demo

Bootstrap themed per column filter for an HTML table

filterable

Bootstrap and X-editable themed jQuery plugin that preforms per-column filtering for an HTML table.

Read More Demo

Mobile and touch friendly input spinner component for Bootstrap

bootstrap-touchspin

Bootstrap TouchSpin is a mobile and touch friendly input spinner component for Bootstrap 3.

Read More Demo

Bootstrap Combobox

bootstrap-combobox

We had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it’s styling based on Twitter’s Bootstrap, so building on that made sense.

Read More Demo

Contextual Menus with Twitters Bootstrap

context

Context.js is a lightweight solution for contextual menus. Currently, there are two versions. The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles.

Read More Demo

Bootstrap plugin for markdown editing

markdownplugin

Markdown editing plugin for Bootstrap

Read More Demo

Bootstrap popover for jquery validate

bootstrap-popover

Show error message via bootstrap popover for jquery validate.

Read More Demo

Twitter Bootstrap and jQuery Isotope

Isotope

Combines the epic powers of Twitter Bootstrap and jQuery Isotope.

Read More Demo

Select decorator component for Twitter Bootstrap

bselect

The select decorator component that was missing for Twitter Bootstrap.

Read More Demo

bbGrid : Grid system based on jQuery & Twitter Bootstrap

bbgrid

This is a pull-out grid system on Backbone.js , Bootstrap and jQuery frameworks developed ( like jqGrid ) .

Read More Demo

Lightweight switch like widget using bootstrap and jQuery

Switch

A lightweight switch-like widget using twitter bootstrap and jQuery. This is good for simulating states like on/off, user/admin etc.

Read More Demo

Bootstrap Pagy jquery plugin simplifies Bootstrap Pagination component

bootstrap-pagy

Bootstrap Pagy is a jQuery plugin that simplifies the use of the Bootstrap Pagination component.

Features

  • Custom previous and next button
  • Custom first and last button
  • Custom inner window size (default 2)
  • Custom outer window size (default 0)
  • Set current page and total pages programmatically
  • Code under Apache License

  • Only depends on jQuery (for Javascript) and Bootstrap (for Markup)

Read More Demo

Bootstrap Color Picker Sliders

bootstrap-colorpickersliders

A Bootstrap 3 optimized advanced responsive color selector with color swatches and support for human perceived lightness. Works in all modern browsers and on touch devices.

Read More Demo

jQuery Bootstrap style Dropdowns

jquery-bootstrap-dropdown

Bootstrap-style dropdowns with some added features and no dependencies.

Read More Demo

Pines Steps : JavaScript wizard for Bootstrap

PinesSteps.png

Pines Steps is a JavaScript steps ( wizard ) plugin , Angela Murrell developed as part Pines . It was designed to offer an unparalleled level of flexibility while still very easy to implement and use.

Read More Demo

jQuery Pagination plugin

jquery-pagination

The jQuery plugin simplifies the use of bootstrap Pagintion . It uses appropriate classes : .pagination ( you change it ) , and .active .disabled . Check out the demo .

Read More Demo

Bootstrap Tabcordion transforms a set of Bootstrap tabs into a Bootstrap accordion

Tabcordion-js

A simple jQuery plugin that transforms a set of tabs in a Bootstrap Bootstrap accordion . It can be configured to perform this conversion on the basis of the size of the container or viewport to appealing awesomeness to your keyword rich user interface provide .

Read More Demo

jQuery color picker for Twitter Bootstrap

 jQuery-color-picker

an easy-to-use jQuery color picker for Twitter Bootstrap

Read More Demo

Bootstrap Modal more monkey-friendly

bootstrap-dialog

Make use of Twitter Bootstrap’s modal more monkey-friendly.

Read More Demo

Bootstrap widget that makes a HTML table editable

editable-bootstrap-widget

Tiny jQuery / bootstrap widget that makes an HTML table editable

Read More Demo

Bootstrap growl : Jquery Plugin for bootstrap

growl

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications.

Read More Demo

Boostrap dynamic pagination jQuery plugin : BootPag

dynamic-pagination

This jQuery plugin helps you create dynamic pagination with Bootstrap or in any other html pages.

Read More Demo

Progressbar interactions for twitter bootstrap

progressbar-bootstrap

Bootstrap – progress bar is a jQuery plugin that the basic twitter – Bootstrap extends progressbar . It offers the possibility of the progress bar by adding Javascript in combination animate with the existing CSS transitions . In addition, you can view the current progress information in the bar graph or the value received via callback .

Read More Demo

Responsive Bootstrap Gallery

bootstrap-responsive-gallery

A small, light, responsive Bootstrap Gallery

Read More Demo

Clock style timepicker for Bootstrap

color-picker

A clock-style timepicker for Bootstrap (or jQuery).

Read More Demo

Bootstrap Filestyle : jquery based plugin

bootstrap-filestyle

The bootstrap file style is a plugin for jQuery -based component library could Twitter Bootstrap , used to style the file fields of forms . This plugin has an interesting way to present a form for sending files as attractive as they easily and efficiently .

Read More Demo

Jquery plugin for hiding Bootstrap tabs inside a dropdown

droptabs

Jquery plugin for hiding Bootstrap tabs inside a dropdown, when viewport is too small.

Read More Demo

Bootstrap plugin for Auto-Hiding Navbar

bootstrap-autohide

An extension for fixed bootstrap navbar , the hidden the navigation bar while scrolling down the page and display it in the other direction .

Read More Demo

jQuery Datagrid plugin based on Twitter Bootstrap

bootstrap-data-grid

bootstrap grid is a jQuery Datagrid plugin, based on Twitter Bootstrap.

Read More Demo

jQuery plugin for generating photoset gallery using Bootstrap

bootstrap-gallery

jQuery plugin for generating photoset gallery using Bootstrap and Bootstrap Image Gallery.

Read More Demo

A simple CSS tooltip made with Sass : Simptip

simptip

A simple CSS tooltip made with Sass.

Read More Demo

Transform your icons with trendy animations

iconate

A call to transform your existing icons in a cool trendy way iconate.js is a tiny performant library for cross-browser icon transformation animations in your projects.

Read More Demo

jquery plugin to create donut and bar charts with css

csscharts

jquery plugin to create simple donut, bar or line charts with dom nodes. style with css.

Read More Demo

Animated Dropdown Mega Menu

megamenu

An Animated Dropdown Mega Menu that uses Animate CSS/HoverIntent with CSS only fallback

Read More Demo

Nb2sb converts navbar into a sidebar : jQuery plug-in

nb2sbmenu

Nb2Sb (Navbar to Sidebar) is a Bootstrap-only jQuery plug-in that converts your navbar into a sidebar.

Read More Demo

Responsive menu with transitions

responsivemenu

A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height.

Read More Demo