10 Amazing jQuery Widgets

By Sam Deering

Last chance to win! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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

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/

10. Activebar2

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

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

jquery improvements, jquery modifications

Meet the author

Sam Deering

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.