Currently, there are a wide varied range of Web UI frameworks covering varied languages – for today we will focus on JavaScript Web UIs. Not all libraries are suited for every project, but most developers will still rely on a single UI framework. If you are looking for a fresh UI outlook, below you will find the best 10 JavaScript Web UIs, all offering, to different degrees, solutions.

Related posts:

1. Yahoo! YUI Library

YUI, currently in its third edition, is a constantly updated (by its large team of developers) UI library that’s choc-full of features, tools, and packs a multitude of components, utilities, modules and controls.

2. XUI – JavaScript Micro-Framework

XUI is a lightweight, dead simple, microtiny, super modular JavaScript framework for building mobile web applications.

3. iUI: iPhone User Interface Framework

IUI, consists of a JavaScript library, CSS, and images. It is a light weight and minimal UI framework for developing uniform iPhone apps.

4. Alloy UI

Feature rich UI frameworks, built on YUI 3 and to some degree on YUI 2, which comprises a wide array of components – more than 60 in all – that range from utilities to sugar layers to full-blown UI widgets. Its controls include: Image Gallery, Dialog, Treeview, Panel, AutoComplete, Button, Calendar, Toolbar… and much more.


A popular UI kit that extends the Prototype Framework by adding visual effects, user interface controls, and utilities via the DOM.

6. Qutensil JavaScript Toolset

It has been built on Prototype and Scriptaculous libraries and features a growl-like user messaging system, color picker (based on raphaël), slider, tooltip system, draggable window and alert / confirm / prompt windowing systems.

7. Dijit – The Dojo Toolkit

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 with very little, or no, JavaScript experience (although it helps).

8. JxLib based MotoTools

A JavaScript UI framework built on MooTools. It provides the basic components most applications need such as buttons, tabs, menus, trees, and dialogs, as well as a few more capabilities.

9. 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.

10. MochaUI – A Web Application User Interface Library

A popular extension to the MooTools JavaScript Framework and ExplorerCanvas, to develop quick Web Applications, Web Desktops, Web Sites, Widgets, Standalone Windows, Modal Dialogs and much more.

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.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.