Skip to main content

10 Amazing jQuery Widgets

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Make some easy but cool improvements to your website with these jQuery Widgets.


1. jQuery Delicious Plugin

This plugin will display information from delicious.com using their API.

Live Demo:
http://bitbucket.org/pmclanahan/jquery-delicious/overview


2. jQuery CHECKBOXTOSLIDER Plugin

Checkboxtoslider allows transformation of form checkboxes into neat sliders.

Live Demo:
http://plugins.jquery.com/project/checkboxToSlider


3. Crayonbox JQuery Plugin

This is just a simple color picker that offers lots of options. All you need to do is create a textfield that you will want to add the crayonbox plugin.

Live Demo:
http://gelform.com/crayonbox-jquery-plugin/


4. Jquery Bogodice Plugin

Cool plugin that adds a dice rolling behavior to a web page.

Live Demo:
http://wanderinghorse.net/computing/javascript/jquery/bogodice


5. AutoSnippet – Automatic Code Snippet Generator

Automatically generate the code snippet to the source code (html, CSS and javascript). No more inaccurate repetition of task and as well as inconsistencies between examples and real codes.

Live Demo:
http://spacebug.com/projects/autosnippet/


6. Countdown Jquery Plugin

To set a div or span that shows a countdown to a given time is the main function of this plugin.

Live Demo:
http://keith-wood.name/countdown.html


7. Flowplayer

Use this plugin to embed video streams into your website.

Live Demo:
http://flowplayer.org/


8. Fancy Tip jQuery Tooltip Plugin

A plugin that allows nice-looking tooltips to be associated with any element that is selectable by means of jQuery with available good degree of configuration.

Live Demo:
http://plugins.jquery.com/project/fancytip


9. jQuery Color Picker

This jQuery plugin was designed for use in small UIs. There’s nothing fancy with this, however it can cater the user for creating numbers of elements where it activates callback function when clicked. Basically it is used to pass the selected color to some UI elements.

Live Demo:
http://wanderinghorse.net/computing/javascript/jquery/colorpicker/

Learn PHP for free!

Make the leap into server-side programming with a comprehensive cover of PHP & MySQL.

Normally RRP $11.95 Yours absolutely free


10. Activebar2

A crossbrowser information that clones widely spread bars used by modern browser today.

Live Demo:
http://westhoffswelt.de/projects/activebar2.html

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.