Introduction ​

CanvasUI is a canvas-based UI framework. It draws complex page on one <canvas>.

As we all know, the canvas API only provides very low-level operations such as drawLine / drawRect / fillColor, and it will be extremely cumbersome to use these APIs to build complex user interface.

CanvasUI frees you from such a tedious process.

It re-implements key technologies of modern front-end development based on HTML <canvas> (just using Vanilla JS, no external dependency), it contains:

• Declarative tags (e.g. <button>, <image>, and even <input>)
• Layout engine that supports Flex
• Commonly used CSS
• MVVM
• Timeline and Animation
• Mobile-compatible gestures
• Scaffolding out of the box and development server that supports hot reload

As long as you can use HTML / CSS / JavaScript to write code, then you can get started directly.