/ best free open source web resources /

Graphic Resources

Mootools Mocha User Interface with Canvas Graphics

Posted · Category: Framework, MIT License

Mocha is a MooTools user interface class made with canvas tag graphics. It is really impressive that it requires no images. The windows, including their controls, gradients and shadows, are drawn with the canvas tag. The rounded corner radius are adjustable. Windows can be focused, dragged, resized, maximized, restored down and closed. You are able to create new windows dynamically as well. And also, it is being tested in Firefox 2, Internet Explorer 6 & 7, Safari 2, and Opera 9, so you are safe to use it on your web application.


The author is planning to add the following additional features as well. I really can’t wait to see these features being implemented.

  • Create custom canvas scrollbars.
  • Add a modal window.
  • Create more class options.
  • Add minimize to windows.
  • Add a sortable dock.
  • Make shadows easier to adjust.

Requirements: Mootools Framework
Demo: http://greghoustondesign.com/demos/mocha/
License: MIT License

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons