8500+ Best jQuery Plugins & Tutorials with jQuery Demo examples 2019

Awesome jQuery Mobile Image Gallery Web App

June 27, 2012 | CSS2 / CSS3.0, jQuery Mobile, PHP

With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple mobile image gallery using the amazing jQTouch jQuery plugin for mobile web development. jQTouch is a jQuery plugin with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, iPod Touch, G1, and Pre.

Our little application is going to show some albums in a list view which will reveal a wall of thumbnails once it’s clicked. When a thumbnail is clicked, we get to the full image view where we can navigate through all the photos by either clicking on the navigation buttons or swiping over the image.we will be using PHP to automatically generate albums with PHP from the folder structure.

Read More Demo

jQuery Dynamic Grid: The Engine

June 27, 2012 | Animation, Plugins, Premium, Responsive, Web

Dynamic Grid is a jQuery plugin for generating an animated, responsive and great looking grid for your content – be it images, news feed, text and what not.

With the help of some sophisticated algorithms the script fills the grid with cells with (optionally) random heights on every page load, and thus giving the widget a unique layout every time someone loads your page! Additionally, the algorithm is smart enough to prevent cells from being too big for the total size of the widget. Which means at any point in time, there is no cell that is only partially shown or hidden. It just works like it should!

Number of options:

Number of columns
Number of rows
Random/fixed cell height
Padding between columns
Fluid/fixed width
Height
Easing effect
Animation speed
Animation interval

Read More Demo

Smart Cart : Feature rich jQuery plugin for Shopping Cart

June 27, 2012 | Ajax, Plugins, Web

Smart Cart is a flexible and feature rich jQuery plug-in for shopping cart. It makes the add-to-cart section of online shopping much easy and user friendly. It is compact in design, very easy to implement and only minimal HTML required.

The selected items in the cart are accessible as an array of product/quantity pair delimited with ‘|’ on submit form or when checkout event is triggered. Smart Cart 2 have a simple and compact design with tabbed interface to saves space.

Features (Smart Cart 2.0):

Easy to implement, minimal HTML required
Clean and compact design, tabbed design saves space
Product search and Category filter enables easy and fast access to the product what users are looking for
Automatically calculates subtotal and total
Quantity is editable from the cart list
Event support, custom Ajax feature and validation can easily implement using the events
Product Image display and expanded tool tip display
Can implement multiple cart on same page
Template option, for easily customizing product display details
Pre-populate products on cart on page load

Read More Demo

jStorage – store data locally with JavaScript

June 27, 2012 | HTML5, jSON, Other Libraries, Plugins, Web, XML

jStorage is a simple wrapper plugin for Prototype, MooTools and jQuery to cache data (string, numbers, objects, even XML nodes) on browser side. Note that functions, DOM nodes, host objects and such can not be saved.jStorage was first developed under the name of DOMCached but since a lot of features were dropped to make it simpler (like the support for namespaces and such) it was renamed. DOMCached had separate files for working with Prototype and jQuery but jStorage can handle both in one go.

jStorage makes use of HTML5 local storage where available and userData behavior in Internet Explorer older versions. Webkit SQLite is not supported.

Read More Demo

Smart Wizard : jQuery plugin that gives wizard like Interface

June 26, 2012 | Ajax, Animation, Menus, Web

Smart Wizard is a flexible jQuery plug-in for wizard like interface. It allows to group contents into sections and so it saves page space and also gives a neat and stylish interface for users. Using Smart Wizard 2.0 you can easily do input validation and so it is good for user registration and kind of tasks.

Features:

Easy to implement, Minimal HTML required.
Ajax contents loading option.
Cool animation effects on step navigation. (none/fade/slide/slideleft)
Keyboard navigation option.
Horizontal and vertical style step anchors.
Easy step input validation option
Option to highlight error steps
In-built message box
Easy navigation with step anchors and navigation buttons
Can have multiple wizards on same page
Option to enable all steps on first load

Read More Demo

SeuratJS : Raphaël plugin for beautiful pointillized Animations

June 26, 2012 | Animation, HTML5, Other Libraries, SVG Tutorial

SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG. Seurat makes it extremely easy to alter what primitives are generated (how they look and where they appear) and how they animate.

SeuratJS uses the HTML5 canvas to parse color data and, because of this, the library operates entirely on the client side.

Read More Demo

GreyScale.js : “Grayscaling” in non-IE browsers with jQuery

June 26, 2012 | Plugins

This started out as a little experiment and eventually turned into quite an endeavor. The task was simple enough; to emulate Internet Explorer’s ‘grayscale‘ filter in all non-IE browsers. The solution, much to my initial surprise, is not as tricky as you would think.

The ‘grayscale‘ filter in IE can be applied to any element and visually transforms the element itself into grayscale.

Read More Demo

Nestable jQuery Plugin

June 25, 2012 | Drag & Drop, Plugins

Nestable is an interactive hierarchical list. You can drag and drop to rearrange the order. It even works well on touch-screens. If you’re familiar with the way WordPress allows the user to manage menus, this will be used for a similar UI.Drag & drop hierarchical list with mouse and touch compatibility (jQuery plugin).

Read More Demo

Ajaxml : The new standard to implement AJAX with jQuery

June 25, 2012 | Ajax

AjaxML was designed to decrease development time of Ajax requests, as it was measured to reduce development time upto 60% from time consumed using normal jQuery ajax.We take care of forms submitting with Ajax as hyperlinks. We know that you need ajax uploading to be easy and without using many third-party libraries. AjaxML does the job along.

One of the problems of ajax requests is bookmarking feaure loss, and broswer history support is another headache. Using AjaxML, you can just mention what is the hash value for your link,
and that’s it.

Read More Demo

iCarousel : jQuery Carousel plugin

June 25, 2012 | Carousel, Premium

iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Great for screenshoot slider.

Features:

Highly Flexible and Customizable.
Multiple instances allowed in a single HTML page.
Works on iOS & Android devices.
Auto slideshow with optional pause on hover.
Easily resizable.
Keyboard support.
Touch support.
3D & 2D available.
Customizable transition timing function. (easing)
Fast, hardware accelerated CSS3 transitions.
SEO friendly, content is not hidden.
Powerful, documented API — public methods, properties, callbacks.
Each slide can have any html content(except video) and can be any size.
Customizable scroll direction.
Customizable X & Y spaces between slides.
Unlimited slides support.

Read More Demo

jQuery Plugins Tags