MochaUI is a web applications user interface library built on the Mootools JavaScript framework. You can use MochaUI for creating really slick user interface for your web applications, web desktops, web sites, widgets, standalone windows and modal dialogs. It uses canvas tags and Google’s ExplorerCanvas for much of its GUI components; allowing you to resize, drag, add shadows and draw round corners without using images.
Although a novice JavaScript developer may need further assistance, MocahUI is fairly easy to use and requires only minimal HTML markup. It has been tested in Firefox 3, Internet Explorer 6 & 7, Safari 3, and Opera 9.5; and it validates as XHTML 1.0 Strict if you use no target attributes in your anchors and validates as XHTML 1.0 Transitional if you do.
Features:
Layout
- Horizontally and vertically fluid layout module with columns and panels.
- Optional toolbars.
- Columns and panels can be collapsed, expanded, and resized.
- Panels can be tabbed.
- Panel content can be loaded with innerHTML, XHR, or an iFrame.
- Toolboxes can be inserted in the toolbars.
Windows
- The windows and their drop shadows are drawn with the canvas element.
- Windows can be focused, dragged, resized, collapsed/expanded, maximized/restored, minimized/restored and closed.
- Windows are resizable in 8 directions.
- Adjustable rounded corner radius.
- Adjustable shadow blur.
- Windows can have tabs and toolbars.
- Dynamically create new windows on demand and load their content with innerHTML, XHR, or an iFrame.
- The ability to create multiple new windows from a single Json data request.
- Create modal and notification dialog windows.
- Dynamically update window content.
Created by Greg Houston; MochaUI is released under MIT license. You can find further information, demo & download on MochaUI Website.
