Best jQuery jSON Plugins & Tutorials with Demo

Filter.js : jQuery client-side JSON objects filter

Filter.js : jQuery client-side JSON objects filter

Filter.js is client-side JSON objects filter to show/hide html elements. Multiple filter criteria can be specified and used in conjunction with each other.

StreamTable.js : The next generation search filter in jQuery

StreamTable.js : The next generation search filter in jQuery

StreamTable.js streams data for tables in the background, updates and renders them using templating frameworks like Mustache.js, HandleBars.js.

Sometimes we want to show thousands of records in a table. This can take too long for the page to render and make the page unusable till the entire table is populated. To counter this we could populate the table using an Ajax call. In both cases, the users have to wait until all the table rows are populated. Additionally, user cannot do any operations on the table like search, pagination etc.

The idea behind StreamTable.js is to initially populate minimum rows (maybe 10 or 20) and after that in stream data silently in the background and update the table. This ensures that the page loads immediately and is also usable immediately for all operations.

jqtimeline : jQuery Timeline plugin

jqtimeline : jQuery Timeline plugin

jqtimeline is an easy to use, customizable jQuery plugin to create a timeline for a set events.

  • Simple and easy to use.
  • Can be use to create Social apps, showing blog timeline posts etc.
  • Can be easily integrated with other jQuery UI plugins.
  • Data format is json.
  • Minimum css and html markup used. So you can customize this according to your own way.
  • Dynamic : Events can be removed added on a fly.

aciTree : A treeview control with jQuery

aciTree : A treeview control with jQuery

aciTree is a customizable cross-browser treeview control written as a jQuery plugin (requires at least v1.7.1). It offers a API for controlling things down to the element level and it has built-in functionality to load the entire tree with AJAX.

kGallery : jQuery thumbnail slideshow Gallery Plugin

kGallery : jQuery thumbnail slideshow Gallery Plugin

kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

Nearest analog is dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), however kGallery do not need to download dozens of JavaScript files with megabytes of code of dojo library.

Pusher Chat : jQuery plugin

Pusher Chat : jQuery plugin

Pusher Chat , is a Facebook like chat jQuery plugin using Pusher API.Now you can get easily a chat application on your site.

Features

  • easy to Customize with css
  • manage friend list via json
  • use Pusher API
  • detect message typing
  • detect message receiving
  • supported by all new browser ,IE8 & need some css fix for IE7
  • …& all what you need to add a chat to your web application

Zebra : HTML5 Canvas Rich UI JavaScript Library

Zebra: Desktop-Like User Interface With HTML5 Canvas

Zebra is a javaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool .The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI. Zebra development is much closer to software engineering where you write well structured, supportable, extendable code basing on easy Zebra OOP concept. You keep distance from the mess of HTML, JavaScript code, CSS and DOM manipulation. Zebra is pure WEB based alternative to Flash or Applet technologies that doesn’t require a plugging on a client side to be installed. In the same time Zebra utilizes power, simplicity and beauty of JavaScript coding.

Features:

  • Over 30 UI components
  • Customizable look and feel (theme support)
  • Flexible layouts
  • Declarative JSON-based UI
  • Easily extendable

Pure : Ultra-fast templating tool
 to generate HTML from JSON data

Pure : Ultra-fast templating tool
 to generate HTML from JSON data

Simple and ultra-fast templating tool to generate HTML from JSON data.The representation (HTML) and the logic (JS) remain totally separated.

zTree : jQuery Tree Plugin

zTree : jQuery Tree Plugin

zTree is a multi-functional “tree plug-ins.” based on jQuery. The main advantages of zTree includes excellent performance, flexible configuration, and the combination of multiple functions.

Features:

  • The code of zTree v3.x has been seperated according to the various functions. You can only load the code you need.
  • zTree v3.x uses delay loading technique, which can easily load tens of thousands of nodes in seconds even in IE6 browser.
  • Support for JSON data.
  • Support for static and asynchronous data loading node.
  • Replace the skin / custom icon flexibllly.
  • Support extremely flexible checkbox or radio selection function.
  • Flexible editing (add / delete / change / search) functions, such as drag and drop nodes,you can even drag and drop multiple nodes.
  • To enhance performance, zTree transforms the js & css structure to provide excellent browser compatibility and make the development more easily

jtwt.js : A simple jQuery plugin for the twitter JSON API

jtwt.js : A simple jQuery plugin for the twitter JSON API

jtwt.js is an easy-to-use jQuery plugin that allows you to display your recent tweets on your website or elsewhere.jtwt.js comes with a bunch of options to create the best experience for your users.

jtwt.js is contributed under the Creative Commons Attribution 3.0 Unported license. You’re free to use jtwt.js in personal and commercial projects.



Best jQuery websites design awards