jQuery jSON Plugin & Tutorials with Example

Mountable.js : JSON content into a HTML table using jQuery

Mountable.js : JSON content into a HTML table using jQuery

An easier way to pass JSON content into a HTML table using jQuery

  • It’s tiny! Just 3KB;
  • Easy to customize;
  • Allows callback functions;
  • jQuery required.

jQuery Online Product Customizer

jQuery Online Product Customizer

Online Product Customizer is a jQuery powered fully responsive online design software, incorporated with marvelous features to design/print a variety of products, including t-shirt, sign, greeting, labeling, photo frame, lettering, sticker and apparel. A plenty of remarkable features of this online product design tool enable the users to design & customize products exactly according to their needs. It can be used as online t shirt designer tool, online greeting card design software or online laptop design tool to design creative & trendy products.

  • Provides 3 ready to print or Direct to Garment output files like svg, png and pdf
  • Use flexible pricing setting to set price on any of element such as color, artwork or text
  • Option of Google fonts can be enabled in online product customizer
  • JSON format enables to update products, fonts, cliparts & more
  • Colorable Artworks to make it possible for you to set cliparts for users in order to change color
  • User can upload their own images
  • Fully responsive & flexible product design tool
  • Vendors specified products.
  • Get smooth drag, slide, rotate and flip content functionality on tablets & smartphones as this online design tool is touch enabled
  • Share your creative design on Facebook, Twitter and email.
  • Products can be adorned with multiple colors & views

FormBuilder : jQuery plugin for Building Forms

FormBuilder : jQuery plugin for Building Forms

A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.

Features:

  • JSON all the way around. No serliazing/format conversion.
  • More flexible field schema options for future expansion work
  • Form editor and form rendering use templates, making it easier to customize them
  • Better re-use of internal code, much cleaner code
  • Returns a basic API you can use for custom work
  • PHP/Mongo save/load example code is extremely lightweight, and easily replaced
  • Much improved support for multiple instances on a single page

Wufoo style jQuery and HTML5 form builder

Wufoo style jQuery and HTML5 form builder

formbuilder is a Wufoo style jQuery and HTML5 form builder allows you to create user forms by dragging and dropping form elements.

This form builder is using JSON to load existing form structures and serialising existing form structures back to JSON when the save button is clicked.

Tokenize : jQuery Select Multiple Items with Autocomplete

Tokenize : jQuery Select Multiple Items with Autocomplete

jQuery Tokenize is a plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or tags on tumblr.

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin / style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Callbacks when items are added or removed from the list
  • Select, delete and navigate items using the mouse or keyboard

Morphing Slogan : Animated background from Text-Format

Morphing Slogan : Animated background from Text-Format

Morphing Slogan is a JavaScript application which allows to dynamically create animated background from text-format (JSON). It can be easily included in any website & Customize. Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images.

jQuery QueryBuilder Plugin

jQuery QueryBuilder Plugin

jQuery plugin offering an interface to create complex queries.

QueryBuilder can be used on advanced search engine pages, administration backends, etc. to build complex queries or filters. It is highly customisable and can be used with many jQuery widgets like autocompleters and sliders.It outputs a structured JSON of rules which can be easily parsed to create SQL/NoSQL/whatever queries.It can also directly create a SQL WHERE statement.

JavaScript Web Grabber

JavaScript Web Grabber

JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB scores from cbssports.com, all you need to do is give the site name and the id of the element to the app, then the app provides you with some code to put in the source code of your page, so whenever someone visits your page they get the latest MLB scores directly from cbssports.com.

Typically, getting HTML from other websites is done using PHP, which slows down your server; JavaScript Web Grabber lets you do that with JavaScript without any pressure on your server. Additionally, there’s an option to fall back to traditional method via ajax.

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js is a utility for generating map overviews using GeoJSON and HTML Canvas. It was created out of a need to render simple map previews, quickly and efficiently, without strict Terms of Use and without heavy client libraries.

The utility has no dependencies, weighs ~5kb (sans GeoJSON), and also comes with a simple wrapper to use with jQuery or Zepto.

Revolution Lightbox with JavaScript & CSS3

Revolution Lightbox with JavaScript & CSS3

Revolution Lightbox is a full blown multimedia responsive lightbox that runs on all major browsers and mobile devices like iPhone, iPad, iOS, Android and Windows8. It has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, AJAX, HTML content, Google maps and flash.

Revolution Lightbox has high performance using OOP code and the latest CSS3 techniques, ready for mobile with swipe support, very flexible, easy to setup and extremely customizable. The playlists / content can be created using simple HTML markup or JSON, plus the visual and programmatic settings can be modified at runtime, this allows to have different themes with various settings in the same.



Best jQuery websites design awards