A widget (or control) is an element of a graphic user interface (GUI) which displays an information arrangement changeable by the user, such as a window or a text box. The defining characteristic of a widget is to provide a single interaction point for the direct manipulation of a given kind of data. In other words, widgets are basic visual building blocks which, combined in an application, hold all the data processed by the application and the available interactions on this data.
We conducted a search on several of these widgets which offer developers more, in terms of usability, speed, and stability, and concluded on 10 useful widgets which we believe will be suited to most developers needs. If you have a preferred widget by which you work with aside from the ones listed here, please do let us know by dropping us your feedback in the comment section below.
1. GAget : Free Google Analytics Widget for Mac OS X
GAget is a Mac OS X widget for anyone willing to see the important Google Analytics stats quickly and frequently. It displays the number of visits, new visitors and bounces with a chic interface. The widget is not limited to a single site and it is easy to switch between profiles (also, multiple instances can be used).
[zilla_button url=”http://www.zoltanhosszu.com/gaget/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
[zilla_button url=”http://candrews.net/blog/2010/10/introducing-sprymap/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
3. Literally Canvas : Open Source Drawing Widget
Literally Canvas is an open source HTML5 widget, which can be integrated into any page, for enabling users to draw online. It comes with a simple set of tools including draw, erase, color-picker, undo, redo, pan and zoom. The widget is built with jQuery + Underscore.js and has an API to define the background color, tools and dimensions. Also, an export function exists for easily pulling the drawn canvas as an image file.
[zilla_button url=”http://literallycanvas.com/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
4. ShareNice : Open Source Social Sharing Widget
shareNice is an open source social sharing widget -similar to AddThis or ShareThis- for adding sharing features to any website easily. It focuses on the privacy of users, doesn’t place any cookies or share any information with 3rd party services. There is built-in support for most of the popular social websites (Twitter, Facebook, Delicious, etc.) and, considering the source is available, new ones can be added (or removed).
[zilla_button url=”http://sharenice.org/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
5. Ninja UI : A Set of Slick Widgets for jQuery
Ninja UI is a plugin for the framework that brings new alternatives to them in a single package. It includes widgets like buttons, accordion, icons, tooltips/modal box, slider, rating, tabs, auto-suggest and canvas-powered loader icon. They are unobtrusive and the icons used actually come as a separate plugin that is in the form of web fonts. P.S. Its documentation is not complete yet but the source of the examples are pretty self-explanatory.
[zilla_button url=”http://ninjaui.com/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
6. Like it? Tweet it? : On site Tweeting Widget
Like It? Tweet It! is a jQuery-powered Twitter widget that enables visitors to tweet about your page from a chic box appearing at the corner of you web page. It includes the URL of your website in it and users can fill something personal besides that. The widget uses the @anywhere API of Twitter which already has such a ready-to-use feature but simpler and less customizable.
[zilla_button url=”http://pongsocket.com/tweet-it/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
7. Meteora : Cross Browser Widgets and Controls
Meteora is an Open Source project based on the great mootools framework and it’s released under the MIT license. Scripts that already work with mootools can be used with Meteora too.
[zilla_button url=”http://meteora.astrata.com.mx/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
8. Icarousel : Open Source Carousel Like Widget
One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn’t matter too much here because all those kind of applications share always the same idea: Rotating. This objective can be achieve in different ways like fading and scrolling. Well here is iCarousel becomes useful. It’s a one step forward trying to generalize all those types of widgets providing a rich presentation and making the task easy to be done.
[zilla_button url=”http://zendold.lojcomm.com.br/icarousel/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
9. Social Count : Lightweight Mobile Friendly Social Networking Widget
SocialCount is a lightweight (2.93KB after Min+GZip) and easy to use jQuery plugin for progressively enhanced, lazy loaded, mobile friendly social networking widgets. It currently supports Facebook, Twitter, and Google+.
[zilla_button url=”https://github.com/filamentgroup/SocialCount” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]
10. Percentage Loader
The easy to use and install Query.PercentageLoader (10kb minified)_is a plugin for displaying a progress widget in a beautiful way in comparison to a typical horizontal progress bar. It makes use of HTML5 canvas for a rich graphical appearance and uses vectors rather than images so that they can be easily used at various sizes.
[zilla_button url=”http://widgets.better2web.com/loader/” style=”green” size=”medium” type=”square” target=”_blank”] Source [/zilla_button]