MochaUI is a web applications user interface library built on the Mootools JavaScript framework, that you can use for create, web applications, web desktops or widgets.
MochaUI library does not use any images but canvas tags for gradients, rounded-corners or shadows. MochaUI allow us to create horizontally and vertically fluid layout modules with columns and panels easily. Columns and panels can displayed as tabed, panel can be collapsed, expanded, and resized.
Mootools is an Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.
MochaUI 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.
General
- Minimal HTML markup required.
- Tested in Firefox 3, Internet Explorer 6 & 7, Safari 3, and Opera 9.5.
- 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.
Download MochaUI Library
Requirement: Mootools framework
Demo: http://mochaui.org/demo/
Download: http://github.com/mui/mochaui/downloads