Best jQuery Plugins Plugins & Tutorials with Demo

    Cytoscape Web : A jQuery plugin that visualises graphs with Demo

    Cytoscape Web : A jQuery plugin that visualises graphs with Demo

    Cytoscape Web is an open-source graph visualisation library for the web. It is written in JavaScript as a jQuery library.

    Cytoscape Web allows you to easily display graphs in your websites. Because Cytoscape Web allows the user to interact with the graph and the library allows the client to hook into user events, Cytoscape Web is easily integrated into your webapp, especially since Cytoscape Web supports both desktop browsers, like Chrome, and iOS browsers, like on the iPad.

    Cytoscape Web also has graph analysis in mind: The library contains a slew of useful functions in graph theory.

    jQuery plugin: “Fly Off Page” with Demo

    jQuery plugin: “Fly Off Page” with Demo

    A new jQuery plugin, it’s called “Fly Off Page”. It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options include duration (of the animation), direction, tween (extend animation) and ‘retainSpace’ which allows you to retain, disregard or animate-out the space that the specified element once took up.

    noUiSlider : jQuery Range Slider with Demo

    noUiSlider : jQuery Range Slider with Demo

    noUiSlider is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.

    Every event in the noUiSlider has an optional callback, so you can completely control any slider interaction. There is also some cool math in the read-out functions, so you can dynamically calculate any selected value. noUiSlider is developed to provide some basic slider functionality, without having to include the complete jQuery UI library.

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    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.

    jQuery Mouse Wheel Plugin with Demo

    jQuery Mouse Wheel Plugin with Demo

    A jQuery plugin that adds cross-browser mouse wheel support. In order to use the plugin, simply bind the “mousewheel” event to an element. It also provides two helper methods called mousewheel and unmousewheel that act just like other event helper methods in jQuery. The event callback receives three extra arguments which are the normalized “deltas” of the mouse wheel.

    jQuery Color Thief with Demo

    jQuery Color Thief with Demo

    A script for grabbing the dominant color or a representative color palette from an image. Uses javascript and canvas.

    TypeButter : jQuery Optical Kerning for any font with Demo

    TypeButter : jQuery Optical Kerning for any font with Demo

    TypeButter allows you to set optical kerning for any font on your website. If you’re longing for beautifully laid out text that today’s browsers just don’t provide, this is the plugin for you!

    TypeButter comes packaged with Arial, Georgia, Helvetica, Times and Verdana. If you need another font, you can just roll your own.TypeButter will try and detect the font your browser is using on any given element. If the font being used is in the TypeButter library (including it’s weight and style), optical kerning will be set. That’s all there is to it.

    Zino : jQuery Slider plugin with Demo

    Zino : jQuery Slider plugin with Demo

    Zino is a Image and content slider inspired by jQuery UI source.Zino is jQuery Slider plugin, image and content slider, banner rotator with slideshow capabilities.

    jqFloat.js : A jQuery Floating Effect with Demo

    jqFloat.js : A jQuery Floating Effect with Demo

    jqFloat.js is a jQuery plugin that able to make any HTML objects appear to be “floating” on your web page. It helps create simple floating animation and make your websites come alive with these little “floating” object.You can have several “floating” objects with different attributes within your web page. Also, you might make these floated objects “landing” through plugin’s method, and vice versa of course.

    Biggerlink : jQuery Click links easier plugin with Demo

    Biggerlink : jQuery Click links easier plugin with Demo

    Biggerlink a jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first contained link.

    Uses additional css classes to provide the means for the specified element to visually reflect focus and hover states of it’s contained link/s.