Best jQuery jSON Plugins & Tutorials with Demo

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.

MagicSuggest : Auto-suggest combo with bootstrap theme using jQuery

MagicSuggest : Auto-suggest combo with bootstrap theme using jQuery

MagisSuggest is a auto-suggest combo with bootstrap theme using jQuery.I needed to create a highly flexible auto suggest combo box in the line of Bootstrap themes.All the combos I’ve seen didn’t have all the options I needed so I went and rolled my own.

Last.FM for jQuery

Last.FM for jQuery

A plugin to grab your recently played tracks from Last.FM’s api using jQuery and Json. Future versions will support other feeds such as favourites and most listened.

It’s very simple! I’ve always found plugins like this irritating when they force you to use their HTML. For people without jquery knowledge digging around in the plugin file to change that HTML is pretty annoying. For this reason I’ve made the Last.FM plugin very flexible.



Best jQuery websites design awards