Javascript User Interface Frameworks

Last few weeks, i had explored some of the best UI frameworks across the web.
I found some of them to be very interesting and easy to use. The purpose of a UI framework is to provide a good user interface for the end users. They come with various controls & UI elements using which you can develop complex functionalities with ease.

In this post, i have shared few links to the frameworks which can be used to develop highly interactive & sophisticated user interfaces. You can try few of them to believe it.

MochaUI – A Web Application User Interface Library

MochaUI is a web applications user interface library built on the Mootools JavaScript framework.

Website : http://mochaui.org/
Demo : http://mochaui.org/demo/
Sigma Ajax UI Builder
Written in Javascript and PHP, SigmaVisual is web based visual WYSIWYG AJAX UI builder that has more than 40 common components, including tabs, dialog, tree grid, time Line and so on.

Website : http://sourceforge.net/projects/ajaxuibuilder/
Demo : http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html

LivePipe: UI Components for Prototype
LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. Each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers where possible. MIT licensed and actively maintained.

Website : http://livepipe.net/
Demo : http://livepipe.net/control#rating

UKI – Simple UI Kit for Complex Web Apps
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications.
It comes with a rich view-component library ranging from Slider to List and SplitPane.

Website : http://ukijs.org/
Demo : http://ukijs.org/examples/

Dijit – The Dojo Toolkit
Dijit is a widget system layered on top of Dojo. If you are new to the whole Dojo experience, Dijit is a good place to start. You can build amazing Web 2.0 GUI’s using very little, or no, JavaScript (though having an understanding of JavaScript will take you a long way, as will a good understanding of HTML).

Website : http://dojotoolkit.org/reference-guide/dijit/index.html
Demo : http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html

jQuery UI
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

Website : http://jqueryui.com/home
Demo : http://jqueryui.com/demos/

Prototype UI
Prototype UI is a javascript library based on Prototype (1.6) and Script.aculo.us (1.8). It's a library of User Interface components, based on a common fundation classes, which could be easily used by various web applications.

Website : http://www.prototype-ui.com/
Demo : http://docs.prototype-ui.com/rc0/Window

There are several other frameworks which provide similar functionality. I will write another post once i have enough details to share. Happy UI design!

Popular posts from this blog

Facebook Javascript API : Feed and Share Dialog for Beginners

Real time Push Notifications with SignalR & PNotify (Pines Notify)

What's new and expected in .NET Framework 4.5