jQuery.PercentageLoader is a jQuery plugin for displaying a rounded progress widget, different than the classic progress bars. It makes use of HTML5 Canvas and vectors, allowing it to be scaled at will.
[notification type=”information”]Licence: open source (freeBSD)[/notification]
[button color=”green” link=”http://widgets.better2web.com/loader/”]Get the Percentage Loader Plugin[/button]
CSScience offers a fully responsive slider created only with CSS3 (and a minor Javascript fix for iOS devices). The functionality is supported in all modern browsers (Firefox, Chrome, Safari and Opera) and IE9 (without transition effects).
[notification type=”information”]Licence: free for personal and commercial use[/notification]
[button color=”green” link=”http://csscience.com/responsiveslidercss3/”]Get the Stylish UI Kit[/button]
This freebie is designed by Richard Tabor from PurtyPixels.com and contains a full set of UI elements (sliders, toggles, progress bars, buttons, social icons) in three different colors. To obtain the pack you have to subscribe to the Mighty Deals newsletter.
[notification type=”information”]Licence: free for personal and commercial use[/notification]
[button color=”green” link=”http://www.webdesignerdepot.com/2012/04/free-download-exclusive-stylish-user-interface-kit-psd/”]Get the Stylish UI Kit[/button]
This UI pack includes hundred on retina assets available on iPads running iOS 5.1 and it’s made freely available by Teehan and Lax
[notification type=”information”]Licence: free for personal and commercial use[/notification]
[button color=”green” link=”http://www.teehanlax.com/downloads/ipad-gui-psd-retina-display/”]Get the Retina iPad GUI[/button]
This icon pack has been designed by August Interactive for the readers of Smashing Magazine. The set is available both as a Photoshop PSD and a Fireworks PNG files
[notification type=”information”]Licence: free for personal and commercial use[/notification]
[button color=”green” link=”http://www.smashingmagazine.com/2011/12/29/freebie-free-vector-web-icons-91-icons/”]Get the August Interactive Icon Pack[/button]
Phoebus is a UI Pack, containing over 1000 design elements, including a set of icons. The entire set is available in over 30 color combinations. A part of the set is available for free for personal projects. For commercial projects you either need to buy the entire pack or you can become a premium member and gain access to the whole set and a lot more resources.
[notification type=”information”]Licence type:
[button color=”green” link=”http://www.designshock.com/phoebus-gui-set/”]Get the Phoebus GUI Set[/button]
The “Baby Blue UI Kit” has been designed by Michael Donovan and it’s offered for free via Codrops.
[notification type=information]Licence: free for personal and commercial usage[/notification]
[button color=”green” link=”http://tympanus.net/codrops/2012/07/07/freebie-baby-blue-ui-kit-psd/”]Get the Baby Blue UI Pack[/button]
Inspire is an User Interface pack, in PSD format, for backend and administration sections. The design is made by Sarfraz Shoukat, a Web/UI designer from Lahore, Pakistan and the file is distributed exclusively through Webdesigner Depot and Mighty Deals subscribers. To download the file you need to submit your email address for the Mighty Deals network. New members will receive the download link in their email box, while existing members can start the download immediately.
[notification type=information]Licence: free for personal and commercial usage[/notification]
[button color=”green” link=”http://www.webdesignerdepot.com/2012/03/free-download-inspire-backend-admin-template-psd/”]Get the Inspire UI Pack[/button]
Gridpack is a free tool from Erskine Design that allows one to build a grid set for a responsive website. The application allows one to set breakpoints and to change the number of columns, size of gutter and padding for each breakpoint interval. The final result can then be exported to code. The package contains CSS, LESS and SCSS stylesheets, PNG images and a javascript snippet that allows one to overlay the PNG files over the web page with a simple key stroke.
[button color=”green” link=”http://gridpak.com/”]Use Gridpack[/button]
This little utility is a very useful application that allows one to build a basic color palette starting from a given color. Its appeal lies in its simplicity – it is much easy to use than other similar utilities, loaded with extra features. The downside lies with the annoying lighbox banners that are triggered simply by moving the mouse close to the browser toolbar. Yet those that can get over these nags will find the Color Wheel a good help in times of need.
[button color=”green” link=”http://design.geckotribe.com/colorwheel/”]Use the Color Wheel[/button]