Simple Mobile Mockup

Mobile screen mockup prototype for iPhone and Android using KineticJS & jQuery UI.

Users can drag shapes to HTML5 Canvas to build an appplication mockup screen.

The project makes use of the following components:

• jQuery UI for drag/drop image widgets to HTML5 canvas
• KineticJS (v3.9.4) for canvas drawing/images exporting
• jQuery Hot Keys plugin to support keyboard events such as arrow keys, Delete
• Color Picker plugin to select color
• Tiny Scrollbar plugin to add vertical scrollbar support
• Images taken from Graffletopia iPhone sets

To run:

1. Install node.js
2. Type

node app.js

and open http://localhost:3000