9 Free jQuery JavaScript Shopping Carts

Shopping cart is the most important and most crucial element of any eCommerce website. Shopping cart is something that allows online users to add different items that they wish to buy to the cart so that they can be billed accordingly. Shopping cart is mandatory because without a shopping cart, you cannot purchase anything on the internet.
In this compilation, we are presenting 9 free as well as premium jQuery JavaScript shopping cart to make your work easier. These jQuery javaScript shopping carts are one of the most light weight shopping carts and easy to integrate on any HTML or WordPress based website. Here is the list. Enjoy!

Smart Cart

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.


Add an Ajax shopping cart to your website with optional PayPal checkout.Built with jQuery PHP, jCart is open source software free to use on any site.


The minicart is a great way to improve your PayPal shopping cart integration. One simple change and your users will be able to manage their shopping cart directly from your website.

Product Colorizer jQuery Plugin

productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup.

Ajax Paypal Cart Jquery Plugin

AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website.

An AJAX Based Shopping Cart with PHP, CSS & jQuery

In this tutorial we are going to create an AJAX-driven shopping cart. All the products are going to be stored in a MySQL database, with PHP showing and processing the data.

Super Shopping Cart with JQuery

Building a drag-drop shopping cart

In this tutorial, we will show you how to build a shopping cart page which enables users to drag and drop the products they wish to buy.

How To Create A Simple Multi-Item Slider

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery.

14 Free Frontend jQuery Plugins

Here is another collection of some jQuery plugins and this time we are showcasing 14 fronted jQuery plugins for you. These plugins have become quite popular among the developers in a very short period of time. Furthermore, all these plugins are very easy to implement and configuration will take only few minutes.

We hope that collection proves to be the best for you and you will find these plugins useful for you. Do share your opinions with us via comment section below. Here is the full collection after the jump. Enjoy!


jInvertScroll – A lightweight jQuery horizontal Parallax Plugin.


A simple, yet customizable quick/live search jQuery plugin.


Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlay and push menus and sidebars into your website.


Replicating and improving the lightbox module seen on Medium with fluid transitions.


matchHeight makes the height of all selected elements exactly equal.



Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.

AnoFlow – Responsive lightbox gallery plugin for jQuery


Tiny jQuery plugin to deal with responsive image delivery. Think minus the cdn.

Image Lightbox Responsive Touch Friendly


This jQuery plugin will align text on any curve.

Flip Quote

jQuery Flip-Quote creates a pull-quote from a text quote found in the document that flips once it’s scrolled into view.

Jquery Cropbox

jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag).

jQuery Keyframes

jQuery.Keyframes generates and plays CSS3 keyframes quickly and easily allowing you to concentrate on the content of your project whilst cutting down code.

15 Creative Loading Effects For Your Website

Making your visitors wait while your website is loading is a big no-no for any website. the reason is quite simple; and that is many people get bored and choose a website that loads faster and move to that website. Therefore, as a designer one should not make viewers wait. However, sometimes waiting is apparently inevitable. under such circumstances, it is important to make people still want to visit websites even if its takes a little bit more to load.

Fortunately, there are many solutions for this, and one of them is loading effects that keep your visitors waiting while the website loads. Though, they are not commonly used but that could be an edge. Here is the complete list of some creative loading effects for your websites. We hope that you will find them useful for you. Enjoy!


Spin.js dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs.

Read the rest of this entry »

14 jQuery Accordion Plugins For Developers & Designers

Looking for some jQuery Accordion plugins? Then, here is the ultimate collection of 14 jQuery Accordion plugins that can be very helpful for you in developing menus, slideshows, content sliders, sidebars and many more. We have compiled this post to help our developer fellows so that they can show the vital information on their websites very easily. These plugins will help them in making their website more visually appealing and interactive.

Here is the complete collection. Feel free to share your opinions with us via comment section below. Your comments are always more than welcome. Enjoy!

Lite Accordion

liteAccordion – a horizontal accordion plugin for jQuery.

jQuery Accordion

If you have a lot of content or a very long menu on your website, the use of accordion may be a good option for your layout. This plugin was created to be of easy setup.

Javascript Accordion Menu Wizard

Javascript Accordion Menu is an image based site navigation menu. Scriptocean Accordion Menu Wizard supports horizontal and vertical accordion menus.

Accordion v2.0

Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.

jQuery UI According

Displays collapsible content panels for presenting information in a limited amount of space.


zAccordion is a horizontal accordion plugin for jQuery.


I actually made the plugin to serve as a menu, but it could also work as a regular accordion for displaying different types of content within a page.

Flat jQuery Accordion Menu Tutorial

In this post We will be showing how to create a two level, jQuery accordion menu.

jQuery Plugin Easy According

Nested Accordion

The Nested Accordion plugin provides support for unlimited number of levels.The plugin could easily be customized and used with any website.It allows multiple instances of the accordion on the same page.

How To Code a Vertical Accordion Nav Menu with jQuery

In this tutorial We will demonstrate how we can build a simple vertical navigation accordion menu using CSS3 and jQuery techniques.

Vertical accordion menu using jQuery and CSS3

A sleek vertical accordion menu for your next website/app.

Flexible Slide-To-Top Accordion

In this tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in.

How to Create Accordion Menu in Pure CSS3

In this tutorial we will learn how to create an accordion menu in pure CSS3.

12 Useful JavaScript Resources and Tools

JavaScript has made life of web developer a whole lot more easier than ever before. It is a powerful client side scripting language that gives a smooth running environment to its users. On the other hand, many people do not know what JavaScript is and how to use it. For them, we have a huge plethora of online tools and resources that will help them learning JavaScript.
In this post, we are posting 12 best JavaScript resources and tools that will help you in achieving your goals, and ultimately save you a lot of time as well. Here is the full collection. We hope you enjoy this collection.


A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.


Quickly create an interactive HTML mock-up by auto sourcing lorem ipsum/images generators, with minimal html markup.


Bin-packing layout library.


Creates an invisible perimeter around a target element and monitors mouse breaches.


An angular.js wrapper for the Chart.js library.

Medium Editor WYSIWYG editor clone.


Midway.js makes it super easy to automatically center the responsive elements on your websites.


Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.


Rich data for JavaScript apps is a breeze.


A framework for easily creating beautiful presentations using HTML.


speed/validity selectors test for frameworks.


Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

10 JavaScript Libraries To Handle Keyboard Events

If you are looking for some JavaScript Libraries that can handle keyboard events, then you are at right place. Here we are featuring 10 best JavaScript Libraries that can handle keyboard events very well. With these libraries, developers can complete their tasks easily. It is important to incorporate event handlers to your HTML documents and register functions via JavaScript. This way, you can make your web applications to act similarly to a desktop application.

Here is the complete collection of 10 useful JavaScript libraries that can be very helpful for you. We hope that this collection proves to be the best for you. Enjoy looking into this collection and have more fun in using them for your works. Enjoy!


Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), and has no dependencies.

Read the rest of this entry »

36 Excellent Data Visualization Tools

Data is always useful but it is not easy to comprehend it when it is not presented understandably. This is where data visualization comes in; there are many tools and techniques of providing data in a way that helps the viewers to apprehend the given data. It is very important to draw in the user’s attention via proper data visualization so that he/she is better capable of retaining facts. It would definitely require the media, through which the data is presented, to present the information in such a way that it catches the user’s eye and still be intelligible to him at all counts and levels because representation of facts is always better shown through pictorial representation of statistics.

To make it easy for all the data streaming sites to give their data in a most comprehensible way we have brought together a collection of data visualization tools. These are all excellent at performing their tasks and would definitely warrant a try.

Modest Maps

Modest Maps is a small, extensible, and free library for designers and developers who want to use interactive maps in their own projects. It provides a core set of features in a tight, clean package with plenty of hooks for additional functionality.


Flot Charts

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.



Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.



Raphael is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.


Pizza Pie Charts

Deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices.



Create beautiful Javascript charts with one line of Ruby.


Ember Charts

A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation.



Cube is a system for collecting timestamped events and deriving metrics. By collecting events rather than metrics, Cube lets you compute aggregate statistics post hoc.


Better World Flux

Better World Flux was created as an entry for the World Bank Apps for Development competition. The site aims to raise awareness for the UN Millennium Development Goals by letting users visualize and share stories that are hidden in the World Bank Open Data.



Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.


Google Charts

Google chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.



jqPlot is a plotting and charting plugin for the jQuery Javascript framework.



A simple PHP Gantt Class.


Smoothie Charts

A JavaScript Charting Library for Streaming Data.



Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations.



Arborjs a graph visualization library using web workers and jQuery.





D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.



Gephi is an interactive visualization and exploration platform for all kinds of networks and complex systems, dynamic and hierarchical graphs.



Interactive javascript charts for your web projects.


JavaScript InfoVis Toolkit

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.



JpGraph is an Object-Oriented Graph creating library for PHP >= 5.1 The library is completely written in PHP and ready to be used in any PHP scripts (both CGI/APXS/CLI versions of PHP are supported).



With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details.


Wolfram Alpha

Wolfram|Alpha introduces a fundamentally new way to get knowledge and answers—not by searching the web, but by doing dynamic computations based on a vast collection of built-in data, algorithms, and methods.


Cross Filter

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.


Open Layers

OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds.


Fusion Charts



The missing link between spreadsheets and vector graphics.



A force directed graph layout algorithm in JavaScript.



A lightweight graphics library with an intuitive graphics API and an SVG renderer.


Humble Finance

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5.



D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS.



Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.



Axiis is an open source data visualization framework designed for beginner and expert developers alike.



TimeFlow Analytical Timeline is a visualization tool for temporal data. The current release is “alpha” software—a very early version that may have bugs and glitches.



The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.


40 Fresh jQuery Plugins You Need To Check Out

Here we have come up with another fresh and exciting collection of jQuery plugins. This time we are focusing only on the recently released jQuery plugins that are new and you might not be aware of them. So, if you love to have a good collection of useful jQuery plugins, then do not forget to browse through this collection. All the plugins presented in this collection are free to use and very useful. They will not only speed up your workflow but will also make your design more user friendly.

To wrap it up, they are all free to download, so dig in. come, take a peek, and choose your pick. Leave us a comment and let us know what you think about this compilation. Have a look and enjoy!


( Demo | Download )

Lightweight, Simple, Styleable jQuery + CSS Dropdown Menu Plugin

( Demo | Download )


( Demo | Download )

jQuery Scrollless

( Demo | Download )

Validation with Lightbox

( Demo | Download )

jQuery Pulse Animation Plugin

( Demo | Download )


( Demo | Download )


( Demo | Download )

Jquery Checkthemall

( Demo | Download )


( Demo | Download )

Izilla jQuery Touch Menu Hover

( Demo | Download )


( Demo | Download )


( Demo | Download )


( Demo | Download )


( Demo | Download )


( Demo | Download )

jQuery Sliding Menu

( Demo | Download )

Pattern Lock

( Demo | Download )

Minimus Slider

( Demo | Download )

Instagram Infinite Scroll

( Demo | Download )

Devrama Slider – jQuery Plugin

( Demo | Download )


( Demo | Download )


( Demo | Download )

Responsive Elements

( Demo | Download )


( Demo | Download )


( Demo | Download )

Label Better

( Demo | Download )

Panorama Viewer

( Demo | Download )


( Demo | Download )


( Demo | Download )


( Demo | Download )

jQuery SlotMachine

( Demo | Download )


( Demo | Download )


( Demo | Download )

Hide Show Password

( Demo | Download )

jQuery File Upload – jQuery UI version

( Demo | Download )

Noty –A jquery Notification Plugin

( Demo | Download )


( Demo | Download )


( Demo | Download )


( Demo | Download )

15 Awesome jQuery Countdown Timers

This time around, we thought to compile some really cool and awesome jQuery countdown timers for you. jQuery is fast and simple and has been designed to simplify the client side scripting of HTML. It has been used all over the world. Here, we are featuring 15 really awesome and brilliantly designed jQuery countdown timers for you that you can use in a variety of ways.

Here is the full collection without any further ado. Feel free to have a look and download your favorite countdown timer. Also, let us know what you think about this collection. Your comments are always more than welcome. Thanks.


A countdown widget for your web page that displays the remaining as a flip clock or simple numbers.

Time Circles

TimeCircles is a simple yet attractive jQuery plugin for creating a countdown or count up timer with cool looking circular design.sss

Beautiful jQuery Countdown Timer Plugin

A jQuery Countdown Timer Plugin that make it easy to create a coming soon page with a cool Countdown Timer.

Scoreboard Style Countdown Plugin

Countdown is a cool and simple jQuery plugin for creating a mechanical scoreboard style countdown timer to display the remaining time in seconds, minutes, hours and days to any date.

Jquery Countdown

The countdown functionality can easily be added to a division with appropriate default settings, although you do need to set the target time. You can also remove the countdown widget if it is no longer required.

KKCountdown Timer

Plugin kk countdown counts down to specific dates in the future.

Simple jQuery Digital Countdown Timer Plugin

Yet another jQuery timer plugin used to display a digital countdown counter/timer to a given time. It also has the ability to execute a function when the counter is finished.

Vintage Flip Clock Jquery Countdown Timer

Flipcountdown is a lightweight and fast jQuery flip clock plugin used to create an animated & vintage-style clock, countdown, or timer on your website.

Customizable & Themeable Countdown Timer

dsCountDown is a simple jQuery plugin for creating a customizable & themeable countdown timer which supports both local and server time (PHP script required). The plugin has the ability to count down in days, hours, minutes, and seconds to any time defined in the javascript.

Extremely Lightweight jQuery Countdown Timer

DownCount is a lightweight and fast jQuery plugin which helps you create a countdown timer with custom alert text and timezone support.


Modern Circular Jquery Countdown Timer

Final Countdown is a cool jQuery timer plugin used to countdown in seconds, minutes, hours and days to any date time, with a ring-style countdown indicator. Ideal for creating a modern coming soon & in construction page for your upcoming project.

Animated And Reponsive Jquery Countdown Timer

mbCoimingsoon is a responsive jQuery counter plugin that allows to count down in seconds, minutes, hours and days to any date, with a simple flip animation and callback support.

Customizable Countdown Timer For Jquery

jQuery countdown is a simple plugin for creating a customizable countdown timer which supports standard/compact formats or custom layout.

Jquery Countdown Timer And Digital Clock Plugin

Time To is an easy-to-use and high customizable jQuery plugin for creating Countdown Timers or Digital Clocks with a lot of options and Callback support.

12 Stunning jQuery Plugins and Tutorials

jQuery is here for quite a sometime and it really makes life easier for the web developers and designers. The web development industry has been revolutionized by the advent of jQuery. Designers all over the world are taking advantage of this new technology and creating brilliant stuff quite quickly. It is nothing less than a blessing for the developers and this is the reason of its ever increasing popularity all over the world.
In this compilation, we are presenting 12 stunning jQuery tutorials that will help you learn jQuery new techniques easily and quickly at your own pace. We hope that you will like this collection and find these tutorials useful for you. Here is the full collection after the jump. Enjoy!

Building a Simple Reddit API Webapp using jQuery



jQuery Knob


A CSS3 Animated Modal Window Image Gallery jQuery Plugin



Fancy Image gallery jqFancyTransitions




40 Useful Javascript Tools & Resources

Here, we are presenting 40 JavaScript tools and resources for you. This post is totally dedicated to JavaScript resources and therefore, you will not find any jQuery or CSS resource here as we have separately published them before. JavaScript is a powerful client-side scripting language that has been used in many modern websites as well as web applications. Sometimes, it is difficult to write JavaScript because of the environment it runs in, and this is where JavaScript tools and resources come into play.

So what do you think? What did we miss? Which resources do you like the most and why? Leave us a comment and let us know what you think about this compilation. We hope that following JavaScript tools and resources will let you speed up your coding process and help you to achieve desired result within deadline.


The Backend-Agnostic Administration Framework.


Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).


Midway.js makes it super easy to automatically center the responsive elements on your websites.


Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.


TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!


Creates an invisible perimeter around a target element and monitors mouse breaches.


Angles.js is a set of directives that wrap the chart.js library for use with angular. Just include the angles.js file, add “angles” to your list of app requirements and check out the source for use. More to come.


HTML is a small, powerful way for you to enjoy working directly with the DOM.


Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

Javascript Regular Expression Validator

This tool is a web-based regular expression validator for Javascript that lets you easily test and write regular expressions for Javascript.

Html Inspector

HTML Inspector is a code quality tool to help you and your team write better markup. It’s written in JavaScript and runs in the browser, so testing your HTML has never been easier.


annyang is a tiny javascript library that lets your visitors control your site with voice commands.


Syntax highlighting for the Web.


Make a use of your favicon with badges, images or videos.


The missing link between spreadsheets and vector graphics.


Creates Photoshop-like guides and rulers interface on a web page.


instano.js allows you to instantly detect if JavaScript is disabled after the page is loaded.It modifies the standard noscript tags so that the messages inside can be shown immediately whenever JavaScript is disabled.

Medium Editor WYSIWYG editor clone.


Easy, object oriented client side graphs for designers and developers.

Sir Trevor js

Sir Trevor is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered.


Full-featured JavaScript GIF encoder that runs in your browser.


Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

Wide Area

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.


Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing.


A framework for creating ambitious web applications.


The HTML Presentation Framework.


Rich data for JavaScript apps is a Breeze.


A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.


Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.


Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM).


Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.


Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

JavaScript Regex Generator

First attempt at making a user-friendly regex generator. A little buggy in IE. Currently limited to 7 groups and no support for negating character classes.


JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.


JSLint,The JavaScript Code Quality Tool.


React is a JavaScript library for building user interfaces.


A lightweight library for manipulating and animating SVG.


Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript.


A lightweight graphics library with an intuitive graphics API and an SVG renderer.


JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.

Simple Statistics

Simple statistics is a JavaScript library that does descriptive statistics, regression, and classification.

Collection Of jQuery Plugins For Filtering And Sorting Items

One can easily take control of orders, placement and organization of his web pages or table elements with the help of jQuery filter and sort plugins. Moreover, if someone wants to offer a more dynamic and user friendly design, he can use plugins with drag-able controls.

Keeping this in mind, here we are presenting a vast collection of useful jQuery filter and sort plugins. Such type of sorting and filtering plugins are extremely useful for the websites that have large datasets for instance, table view, list views such as for a portfolio page.
Below, you will find some useful plugins to manage your table views and list views with. We hope that you will like this collection and find these plugins useful for you. Feel free to share your opinions with us via comment section below. Enjoy!


( Demo | Download )

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

jQuery Plugin For Sorting and Filtering Html Lists – listplus

( Demo | Download )

Listplus is a lightweight jQuery UI widget based on jQuery library that enables you to sort, group, and filter an html list on client side.

Minimal jQuery Table Sorter and Filter Plugin – table.js

( Demo | Download )

table.js is a super simple yet useful jQuery plugin for sorting, filtering and formatting your html tables.


( Demo | Download )

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.


( Demo | Download )

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started.

Sortable Lists Using jQuery UI

( Demo | Download )

Sortable Lists Using jQuery UI.


( Demo | Download )

The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.


( Demo | Download )

A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too!

Filtering Blocks

( Demo | Download )

Animated table sort (REGEXP friendly)

( Demo | Download )

This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Using jQuery To Manipulate and Filter Data

( Demo | Download )

When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting.


( Demo | Download )

Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Drag & Drop Sortable Lists

( Demo | Download )

Drag & Drop Sortable Lists with JavaScript and CSS.


( Demo | Download )

TinySort is a small and simple jQuery plugin that will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Table Sorter

( Demo | Download )

Flexible client-side table sorting.


( Demo | Download )

Reorder and filter items with a nice shuffling animation.


( Demo | Download )

An exquisite jQuery plugin for magical layouts.


( Demo | Download )

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.


( Demo | Download )

Reorder elements in a list or grid using the mouse.

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

jQuery plugin

( Demo | Download )

Table Drag and Drop JQuery plugin.


( Demo | Download )

Visually reorder all your table columns.

Powerful jQuery Data Table Column Filter Plugin – yadcf

( Demo | Download )

yadcf is yet another data table column filter plugin for jQuery that integrates with jQuery DataTables Plugin to make your data tables sortable, filterable and searchable. With this plugin, you can add various types of filters to each column of your data table.


( Demo | Download )

jSquared is a jQuery plugin for UI like in Google Squared.

jQuery Interface Elements

( Demo | Download )

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Premium Plugins:

SortTables Responsive

( Demo )

SortResponsiveTable including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.

tQuery – Dynamic tables

( Demo )

tQuery Tables is an easy to implement, lightweight Jquery script that makes tables dynamic on the fly.

Simple Content Sorting

( Demo )

Quickly allow your users to access the information that they are looking for with Simple Content Sorting! This plugin creates a simple sorter for your content. Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

jSorted – a plugin for sorting things

( Demo )

This plugin allows to sort an unordered list or a table using a value (number or date) attached to each item in ascending or descending order. It can be used for live data charts, sports widgets, news tickers, html5 games and a lot more. It’s very easy to customize!

jQuery jPList Plugin

( Demo )

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).


( Demo )

SearchBox is a jQuery plugin that allows you to have reach search controls with filters on your pages (similar to GMail and Google Docs).

Tonic Gallery – jQuery XML Portfolio Gallery

( Demo )

Tonic Gallery is a jQuery XML Portfolio Gallery that allows you to create very easily a portfolio gallery with some nice effects and flexible customization settings.

JQuery Table

( Demo )

This is plugin of jQuery, to help create the table very simple.

jQuery Simple Content Sorting Plus Plugin

( Demo )

This plugin creates a simple content sorter for your content and allows you to control your content with pagination! Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

Beautiful Data

( Demo )

Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.

14 jQuery Tutorials and Plugins For Programmers

Tutorials are the best way to learn new techniques and new programs not only for the beginners but also for the experienced professionals who want to polish their skills. In this compilation, we have listed down 14 jQuery tutorials especially for programmers. jQuery is the most famous and most widely used programming language all across the globe. It is fast and extremely versatile giving developers and programmers complete command. If you want to learn jQuery or just want to polish your jQuery skills, then this collection is for you.

Below, we have 14 best and detailed tutorials and plugins about jQuery and how to use it to achieve excellent results. We hope that you will find this collection useful for you. Enjoy!

Any List Scoller

ALS – Any List Scroller is the jQuery plugin by to scroll any list, of any dimension, with any content. Try it.


A simple plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action.

Responsive Text

Responsive-Text is A jQuery plugin to set font sizes responsively based on its’ container width. Use jQuery responsiveText to have scalable headlines, build responsive tables and more.


Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.


imagefill-js is a jQuery plugin to make images fill their containers and also be centered .Its a potentially useful tool for Responsive Web Design.

Tipue Drop

Tipue drop is an open source and responsive. search suggestion box jQuery plugin.


A jQuery plugin that turns a one-line div into a sweet color swatch.


gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns.

Tumbo 1.0

Tumblr blogs are now-a-days mostly used to share images, audio and short notifications etc. It becomes very helpful if you can use Tumblr as a service to display those posts on your website.

Block Slide

Here we would like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects.


Yet another jQuery plugin for tabs, lightweight, easy to use and with some extra features.


A jQuery plugin that uses canvas to create a ‘screen print’ offset effect on an image, by altering the pixel data.


Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.


A jQuery calendar plugin that uses HTML templates.

10 Stylish Free Full Screen jQuery Slideshow

Are you looking for some stunning jQuery slideshows? If your answer is yes then look no further; because here we are presenting 10 truly beautiful and stunning websites that showcase full screen jQuery slideshow. These websites show that you can also integrate jQuery slideshow in such a way that it can cover the whole screen while presenting the content of your website in a very nice and visually alluring manner.
Here is the complete list after the small jump. We hope that you will like this collection and find these websites useful for you. We just have compiled this collection for your inspiration only. Do let us know what you feel about this collection. Enjoy!

SIDEWAYS–jQuery Fullscreen Image Gallery

A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.

jQuery HTML5 Fullscreen Slideshow

This jQuery plugin lets you create fullscreen galleries where the slides are shown on the entire screen using the fullscreen APIs provided by Firefox 10+ and Chrome 15+ (and possibly Safari 5.1+).

Simple jQuery Fullscreen Image Gallery

A fullscreen image gallery made with jQuery and CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.

Supersized Fullscreen Slideshow

Supersized is a fullscreen background slideshow built using the jQuery library.

Advanced jQuery background image slideshow

Here you will learn how to create a beautiful advanced jQuery background image slideshow.

Photo Swipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

Fullscreen Video Slideshow With Bigvideo.JS

A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.

Animated Fullscreen Background Image Slideshow

Here With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow.

Fullscreen Slideshow With Html5 Audio And Jquery

In this tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.


Full Screen Image Slideshow is a cool slideshow that uses jQuery and PHP to display large images from a directory automatically and using the entire browser window as its canvas! Thumbnails of every image is shown at the bottom of the slideshow for easy viewing on demand.

40 jQuery & CSS3 Loading Animation And Progress Bar Plugins

Another amazing and wonderful collection of jQuery and CSS3 for you is presented here. In this collection we are showcasing 40 jQuery and CSS3 loading animation and progress bar plugins and tutorial. One thing keep in your mind that CSS3 animations are not yet supported in old browsers so you have to try modern browsers if you want to see the live action of these outstanding plugins. With loaders and progress bars users know that something is still going on that’s why loaders and progress bars are very essential for users.

With these loading animations and progress bars you can make your web application and websites more stunning and eye-catching. All these jQuery and CSS3 loading animation and progress bar also help you to enhance the performance of your websites or web application. This is the reason loaders and progress bars are very famous and trendy these days. Take a look and let me know what you think.

Loader Bar

( Demo | Download )

Animated Progress Bar

( Demo | Download )

Animated Progress Bar in 4 Lines of jQuery

( Demo | Download )

CSS3 Loading Animation

( Demo | Download )

Beautiful CSS3 And jQuery progress Bar

( Demo | Download )

CSS3 Loading Animation Loop

( Demo | Download )


( Demo | Download )

Pure CSS Progress Bar

( Demo | Download )

Smooth Progress Bar Loading Effect

( Demo | Download )

Animated Skills Diagram with Raphael

( Demo | Download )

Creating & Styling Progress Bar With HTML5

( Demo | Download )

Animated Progress Bars with CSS3

( Demo | Download )

Spin JS Bar

( Demo | Download )

The Facebook loading animation

( Demo | Download )

Flickr Style Loading Animation

( Demo | Download )

CSS3 Loading Spinners Without Images

( Demo | Download )


( Demo | Download )

QueryLoader2 – Preload your images with ease

( Demo | Download )

jQuery Progress Bar

( Demo | Download )

jQuery Ajax Loader & Spinner

( Demo | Download )

Animated jQuery Progressbar

( Demo | Download )

CSS3 Progress Bars

( Demo | Download )

Automatic Page Load & Ajax Request Progress Bar

( Demo | Download )

CSS Load

( Demo | Download )


( Demo | Download )

Google Like jQuery Slim Progress Bar Plugin

( Demo | Download )

CanvasLoader Creator

( Demo | Download )

Ajax Style Loading Animation

( Demo | Download )

Animated Progress Bar

( Demo | Download )

Fine Uploader

( Demo | Download )

jQuery Ajax Loading Overlay with Loading Text

( Demo | Download )

Buttons with Built-in Loading Indicators

( Demo | Download )

Form Submit Buttons with Built-in Loading Indicators

( Demo | Download )

Automatic Page Load & Ajax Request Progress Bar

( Demo | Download )

Form Submit Buttons with Built-in Loading Indicators

( Demo | Download )

Real Time Hints & Progress For Forms

( Demo | Download )

jQuery Plugin For Detecting Image Have Been Loaded

( Demo | Download )

Tiny jQuery Plugin For Animated Loading Spinners

( Demo | Download )

Simple and Customizable jQuery Loading Animation Plugin

( Demo | Download )

jQuery Animated Bar Plugin

( Demo | Download )

40 Useful Bootstrap Tools & Generators For Web Developers

The demand of Bootstrap Tools increase due to its awesome features likes Add-ons, pre-styled modules of library and so many. The main advantages of Bootstrap tools are they make web development faster as well as easier for the web developers. That’s why so many web developers are using Bootstrap tools. If you want that your website look stylish and amazing, then you should use Bootstrap tools. Bootstrap tools also help to keep your websites transparent because Bootstrap tools have a responsive framework and they all are designed according to your professional requirements.

In this assortment, we are going to showcase 40 outstanding and useful Bootstrap Tools for the web developers. So take advantage of this wonderful assortment and start downloading these Bootstrap tools. You can share your suggestion with us via comment section below and you can also send this article to your social media friends as well. Enjoy!

Twitter Bootstrap WordPress Themes

Brag Themes provides high quality, unique WordPress themes that utilize the Twitter Bootstrap framework for your business and personal sites.


A complete kit for making websites. The first of its kind, Kickstrap is a no-install front-end framework with apps, themes, and extras.


Bootply makes it easy to use other popular plugins, micro-libraries and frameworks.


Templates KIT & themes pack built with Bootstrap 3.0.v.

Bootstrap Prompts

BootStrap Alert with modal instead of Browser alert.

Bootstrap wysihtml5

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

Bootstrap Arrows jQuery Plugin

A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs.


tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.

WordPress Twitter Bootstrap CSS

WordPress Twitter Bootstrap CSS lets you include the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site.

Jetstrap – Web-Based Interface Building Tool for Bootstrap

Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3.

Bootstrap Button Generator

Twitter Bootstrap Button Generator – the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

Divshot – The Bootstrap Interface Builder for Web Apps

As simple as a mockup tool. As powerful as a text editor.

Bootstrap Lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

jQuery UI Bootstrap

A Bootstrap-themed kickstart for jQuery UI widgets (v0.5).


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.

jQuery Simple Color Picker

Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.

jQuery File Upload

File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.

Pines Notify

JavaScript notifications for Bootstrap or jQuery UI.


This plugin replaces the default checkboxes and radio inputs for better looking ones.

Bootpag – Dynamic Pagination

This is bootpag – dynamic pagination jQuery plugin. Works well with twitter bootstrap or standalone.


Create Themes, Mockups, Websites.

Built With Bootstrap

A showcase of sites and apps built with BootstrapSubmit Your Site.

Fuel UX

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid optimization for deployment. All functionality is covered by live documentation and unit tests.

Grid Displayer Bookmarklet for Bootstrap

In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.

Lavish – Generate your own Bootstrap Color Scheme

Generate your own Bootstrap color scheme from an image and customize to your taste.

BootMetro Tool

Simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8.

Flat UI Free

Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers.


A jQuery Mobile theme based on Twitter Bootstrap.

Initializr Bootstrap Tool

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

Modern WordPress Theme Development

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap that will help you make better themes.

Bootstrap Tags

Javascript tagging for Twitter Bootstrap (Written in CoffeeScript)

Datepicker for Bootstrap

Add datepicker picker to field or to any other element.

Hover Dropdown

An unofficial Twitter Bootstrap plugin to enable Twitter Bootstrap dropdowns to activate on hover and provide a nice user experience.

jQuery Form Validation with Styles

The jQuery Validate plugin by Jorn Zaefferer is a fantastic tool for providing users with immediate feedback while completing a web form.

Sublime Text 2 Bootstrap Snippets

A bunch of nicely described and categorized Twitter Bootstrap code snippets for Sublime Text editor.

Bootstrap ThemeRoller – Customize the Look and Feel of Bootstrap

A handy and intuitive application that provides a visual interface to customize your favorite Bootstrap from Twitter.


Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme.

Bootstrap Modal

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

Bootbox.js Bootstrap Tool

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.


Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.