A slick user-interface toolkit created in JavaScript for use with HTML5 canvas.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
images
javascript
.gitignore
LICENSE.md
README.md
TODO.md
demo.js
index.html

README.md

The SUIT Canvas Toolkit

What does SUIT mean? It stands for "slick user-interface toolkit". It is meant to be an easy-to-use, beautiful, and fully-featured UI toolkit for the HTML5 canvas. Why use HTML canvas and not normal DOM methods? There are some specialized web applications that require more than just what can be achieved with normal DOM methods. With canvas, you get more flexibility in the design, look-and-feel, and controls. Rendering and page layout also works while hardly having to worry about how things will look and behave in another browser. Besides being useful to you, this was started as an experiment to see how UI toolkits can work in the browser environment.

The project is nowhere near being fully-featured, but work is continuing at a very rapid pace. A lot of the code is ported from or inspired by the SUIT Midlet Toolkit and the GTK+ Toolkit.

SUIT will eventually provide many widgets of which to create your applications.

Demo

index.html is a demo file which you can use to play around with SUIT.

Building

This project uses Node.js to calculate the dependencies in javascript/ and combine them in build/suit.js. If you have UglifyJS for Node.js installed, code will be compressed and saved to build/suit-min.js. To use, navigate to build/ and run make. If you do not have the make program then run:

node make.js

This will take care of everything. Run make clean to clean the build directory.