MochaUI – Web Applications User Interface Library

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.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More

SIMILAR/RELATED POSTS:

PREVIOUS POST:

NEXT POST:

Leave Comment

 
 

Stay Updated, Subscribe to RSS Feed

 
 
 
 

Blogroll

 

Sponsored Links