JSONViewer – A User Friendly Data Viewer

JSONViewer - A User Friendly Data Viewer

The best way to visualize data. JSONViewer is a user friendly, easy to use, lightweight, vanilla JS script written in OOP syle. You can use this script to visualize those ugly JSON text files in an interactive pleasant way

Features:

  • Select and highlight items (provides an interactive way of seeing what item is currently selected/hovered)
  • Depth control for rendering (build JSON tree only to a certain depth and expand members only to a certain deph)
  • 4 built-in themes (there are a range of themes you can choose from, both in vertical and horizontal layouts). More themes will be released in the future.
  • Customizable (you can customize how the JSONViewer looks and works to a certain level through options passed to the constructor).
  • Easy to use (just a line of code to turn some ugly JSON to a beautiful representation).
  • Multiple instances on the same page
  • Extra feature: JSONPane
  • Extensive documentation
  • Plain JavaScript written in OOP style (it’s independent of any JS framework out there)
  • Works in all major browsers

jQuery Tip Cards

jQuery Tip Cards

Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. I’ve also added several new animation options so that you can personalize it to your own liking.

jQuery.bank : Build and validate bank account forms

jQuery.bank : Build and validate bank account forms

A jQuery plugin for building bank account forms, formatting and validating inputs.Validates a given number as a bank account field field in country countryCode. It returns if it is valid and false if it is invalid.

Note that validation is designed to detect accidental errors. In other word, if the validation test says the number is invalid, it is 100% incorrect. However, if the test says the number is valid, there is a chance that the number is incorrect.

jQuery Universal Language Selector

jQuery Universal Language Selector

jQuery.uls has an elaborative language information collection. ULS can autocomplete a language name search.It knows about

  1. The script in which a language is written.
  2. The script code
  3. The language code
  4. The regions in which the language is spoken
  5. The autonym – language name written in its own script
  6. The directionality of the text

With all these information the search becomes very effective. Based on the spoken regions, the UI organize the languages. In side regions the language is again organized based on scripts.

MaskMoney : jQuery plugin to Masks to your Currency Form Fields

MaskMoney : jQuery plugin to Masks to your Currency Form Fields

jQuery plugin to mask data entry in the input text in the form of money (currency).

goalProgress : Animated progress bar jQuery Plugin

goalProgress : Animated progress bar jQuery Plugin

This plugin allows you to create an animated progress bar using jQuery. Just fill in the required input and the plugin calculates the progress of your goal and animates the bar. You can specify text to put before and after the amount raised.

Bootslider : jQuery Responsive Bootstrap CSS3 Slider

Bootslider : jQuery Responsive Bootstrap CSS3 Slider

Bootslider is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

Features:

  • Responsive
  • Touch Enabled
  • High Performance
  • CSS3 Transitions
  • SEO Friendly
  • Full Width and Boxed

Tram.js : Cross-browser CSS3 transitions in jQuery

Tram.js : Cross-browser CSS3 transitions in jQuery

Tram.js is a cross-browser CSS3 transitions in JavaScript.The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript – offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.

Tram currently depends on jQuery for a few reasons: (1) Per-element data API, (2) Cross-browser CSS getters/setters, and (3) scrollTop/Left offset helpers.

Examples:

Fancytree : jQuery Dynamic Tree View plugin

Fancytree : jQuery Dynamic Tree View plugin

Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag’n’drop, and lazy loading.