Tag Archives: jQuery

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

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

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

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

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

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

Best jquery form validation Plugin

validate-forms

jquery form validation

The best @jquery plugin to validate form fields. Designed to use with Bootstrap + Zurb Foundation + Pure + Semantic UI + UIKit + Your own frameworks. Star it. Try it. Buy it πŸ™‚

Read More Demo

jQuery Bootgrid Plugin

jquery-bootgrid

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

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

jQuery Mobile theme based on Bootstrap

jQuery-Mobile-theme-Bootstrap

A jQuery Mobile theme based on Bootstrap.

Read More Demo

Bootstrap popover for jquery validate

bootstrap-popover

Show error message via bootstrap popover for jquery validate.

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

jQuery Bootstrap style Dropdowns

jquery-bootstrap-dropdown

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

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

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

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 Validation with Bootstrap tooltip

validation

A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips.

Read More Demo

PopConfirm : simple action confirmation jquery based plugin for bootstrap

pop-confirm

A simple action confirmation plugin for jQuery based on Twitter Bootstrap Popover. It is Compatible with Bootstrap 2.3 and Bootstrap 3

Read More Demo

jQuery drag and drop HTML builder for Bootstrap

draganddrop

jQuery Drag & Drop HTML Builder – compile Bootstrap based HTML and JS . Builder extract required JS code ( about 0 % – 15 % ) of themselves and provide it with resulting HTML to initialize a third party JS libraries on the front end to allow . Generated HTML contains ” data ” attributes that allow store JS libraries settings and helper to parse the document structure editor .

Read More Demo

jquery progressTimer for Bootstrap

jqueryprogresstimer

jQuery Progress timer is a jquery extension that extends the functionality of the Bootstrap progress bar component

Read More Demo

A jQuery tagging input plugin for Twitter’s Bootstrap

tokenfield

A jQuery tag/token input plugin for Twitter’s Bootstrap, by the guys from Sliptree .

Read More Demo

Bootstrap breakpoints easier with strapPoint

strap-point

StrapPoint is a small jQuery utility plugin to make working with Bootstrap breakpoints easier.

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

jQuery Filestyle : Style the input with jQuery

inputstyle

Style the file upload input with jQuery.

Read More Demo

jQuery URL ColorUP : Automatically highlight URLs in textareas

colorup

The plugin allows it to automatically highlight URLs in textareas like those on Twitter.Pull requests are always welcomed if you find any bugs or you want to make it better.

Read More Demo

Free Bootstrap One Page Templates

Bootstrap is an open-source JavaScript framework , developed by the team at Twitter . It is a combination of HTML , CSS and Javascript code designed to help the user interface components . Bootstrap has been programmed to support both HTML5 and CSS3. Here is some bootstrap one page templates, these all free to use. You can understand bootstrap coding by editing these templates.free bootstrap one page templates helps you to make landing pages easily

Continue reading

GraspSchedule.js : Visualize complex Schedules & Events with jQuery plugin

graspscjedule

jQuery graspSchedule.js is a simple jQuery calendar plugin used to visualize complex schedules & events, a little similar to the timeline or event calendar.

Demo Download

jstree : jQuery Plugin for Interactive trees

jquerytree

jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license.

Demo Download

Sketch.js : Canvas-based Drawing using jQuery

canvas

Sketch.js is an simple-to-use jQuery plugin that permit you to create canvases upon which visitors can draw.

Demo Download

jQuery Html5 plugin for take pictures through webcam : Photobooth-js

photobooth

A html5 widget that allows users to take their avatar pictures on your site.

Demo Download

Stackable modal boxes with jQuery

Stackbox is a jQuery plugin for creating stackable modal boxes.

Demo Read More

Modal dialogs using javascript : Easy Modal for bootstrap

Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.

Demo Read More

Confirm dialogs with jQuery and Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap. Any click on the link will pop up a dialog asking the user to confirm the action.

Demo Read More

magnificentjqueryplugin

Magnificent : jQuery plugin for responsive zoom

A jQuery plugin for responsive zoom of images & more!

Demo Read More

JavaScript library for panning and zooming SVG things

A JavaScript library for panning and zooming SVG things

Demo Read More

Menu to cross icon With JQuery and CSS3

The project menu -to- Quersymbolist a project to make people different ways a “menu icon ,” the show to have to switch to a ” cross symbol ” ( ☰ -> βœ– ) .

Some techniques use vanilla Javascript , using some jQuery and some are just CSS powerd !

Demo Read More

Lightest Tweening Engine for jQuery : jQueryTween

A super light and easy jQuery plugin which ( , animation engine Javascript) works as a controller for tween.js , and jQuery user , makes the job much easier. Imagine writing init ( ) , animate () and update () over and over again

.

This plugin is a bridge to tween.js and aims to drastically simplify the work . Each script is doing what he does best, for high-performance hardware -accelerated animation.

Demo Read More

jquery confirm – Multipurpose plugin for alert and confirm

A multipurpose plugin for alert, confirm & dialog, with Extended features.

Demo Read More

jquery tree plugin : jstree

jsTree jQuery plugin that provides interactive trees. It’s completely free , open source and distributed under the MIT license.

jsTree is easily extensible , Themable and configurable, supports HTML and JSON data sources , AJAX & asynchronous callback load.<

p>

jsTree working properly either box model (content playpen or border- box) can be loaded as a module and AMD has a built in mobile theme for responsive design, can be easily customized. It uses jQuery’s event system , so that the binding callbacks at various events in the tree structure is simple and easy.

Demo Read More

Lightweight Horizontal Accordion

liteAccordion is a horizontal accordion plugin for jQuery.

Demo Read More

Easy Responsive Tabs to Accordion – Jquery Plugin

Easy Responsive Tabs to Accordion – Jquery Plugin, Simple reaction Tabs – is a lightweight jQuery plugin that normal horizontal or vertical tabs on multi devices such as optimized Accordion : Web, Mobile Tablets (iPad & iPhone). This plugin adjusts the screen size and changes its actions accordingly

Demo Read More

Jquery ui Contextmenu – Jquery Plugin

jQuery plugin that turns a jQueryUI menu widget into a context menu.

Demo Read More

jQuery Tree Widget

Daredevel’s jQuery Tree is a jQuery UI widget that you can use to add advanced features to an html tree built using nested unordered lists.

It’s designed to be fast, lightweight, simple to deploy and setup and highly configurable.

Demo Read More

jQuery Image Upload – jQuery plugin

A jQuery plugin that adds controls to the selected jQuery elements with a simple call.

Read More Demo

jQuery UI Multiselect Widget

This is to keep the warehouse is no longer active by the author. However, withdrawal requests are always welcome. If there is anyone interested in preserving officially assistant, and let me know.

In case you are looking for a copy AJAX, also please consider copy Yanick Rochon, and or also check out the official version 2.0 is currently in development.

Demo download

JQuery UI widget – Address picker, with instant display selection on map

JQuery UI widget for selecting an address. This widget has been developed for a specific need but feel free to use it or fork the repository

Autocomplete widget is single with jquery-autcomplete and packed by Google Maps geocoding V3 suggests. Instant display suggestions on map

Demo Download

jQuery Sharing widget

Make your widget to share! Sharrre is a jQuery plugin that lets you create beautiful widgets Sharing Facebook, Twitter, Google Plus (with PHP script) and more. More information about Share.

Demo Download

jQuery-File-Upload

Player upload files with the selection of multiple files, drag & amp; drop, progress bar, validation and preview images, audio and video for jQuery. Supports multiple domains, load and renewable fragmented files. It works with any server platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form submission files.

Player upload files with the selection of multiple files, drag and drop support, progress bars, validation and preview images, audio and video for jQuery.

Supports multiple domains, load and renewable fragmented files and client-side image resizing. It works with any server platform (PHP, Python, Ruby on Rails, Java, Node.js, Ir, etc.) that supports standard HTML form submission files.

Demo Read More

slick – Awesome Jquery carousel

The last carousel you’ll ever need

In slick 1.4 you can now add settings using the data-slick attribute. These elements get $.slick called on them automatically if the slick-data attr is present.

Demo Download

jQuery UI MultiSelect Widget

MultiSelect progressively improved control ordinary elegant drop multiple choice list of checkboxes, with styles with ThemeRoller below.

Demo Download

Touch enabled jQuery plugin – Owl Carousel.

Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

Features:

Responsive
Touch Events
Mouse Slide Events
Fully Customizable
Choose the number of items to be displayed
Multiple Sliders
CSS3 3d Transitions
Custimizable controls
JSON
Custom events
Helpful callbacks

Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrome on Google Nexus.

Demo Download

Extensible mootools carousel with dynamic elements addition/removal

Extensible mootools carousel with dynamic elements addition/removal.

It is quite simple to use. a new class Carousel.Extra has been added. it allows you to make your carousel slide automatically. it has every Carousel options/properties plus some specific options which allow you to control the auto slide

Download Demo

scrollReveal.js – plugin for declarative on-scroll reveal animations

scrollReveal.js scroll is a javascript plugin for declarative on- show animations. It is to create and manage simple way Show items that will be triggered when a viewport .

Read More Demo

Flickity – Touch & responsive slider

Help Flickity better known for its v1.0 release. Try Flickity and provide any feedback. Register Metafizzy some stickers for helping us send out.

Read More Download

How to Make Auto-Advancing Slideshows

One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

Read More Demo

Zoom-out Intro Effect with CSS3

Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page.

Read More Demo

Custom Drop-Down List Styling

A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

Website Demo

Google Play’s Multi-Level Navigation

Creating the New Google Play’s Multi-Level Navigation from Scratch.

Website Demo

Create Context Menu with jQuery and CSS

A tutorial about creating good-looking context menu by using jQuery and css.

Website Demo

Lightview – The jQuery Lightbox

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.

By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible.

Website Demo

ClassyCountdown

ClassyCountdown is a jQuery plugin written by Marius Stanciu – Sergiu, a plugin that allows you to easily create clean circular countdowns. It is fully customizable and includes 12 themes, which can be modified and it uses HTML5 canvas for rendering the circles.

Website Demo