Primary Platform Features
Using a drag-and-drop element editor implemented with HTML5 Canvas, users can lay out user interfaces mockups, concept designs, and wireframes. The tool boasts a number of customization palettes, including handy templates for web, tablet, and mobile applications.
Best of all, MockOla is free for individual and enterprise use. Start using the tool at http://mockola.com.
Create any concept on the canvas using a simple drag-and-drop of your cursor.
User Interface Wireframing
Use user interface template palette to create wireframes for web, desktop, mobile, and tablet applications
Use the UML Modeling Palette to create software system designs.
Export to PNG and download any design you create.
User Interface Wireframing:
templates for web, mobile, and table applications with standards UI constructs.
Customizable shapes, lines, text, and constructs give the building blocks for any design.
Unified modeling language standard concepts, shapes, and object linking to design software systems.
An example of dragging and dropping elements onto the MockOla canvas to create a UI mockup.
Simple Drag & Drop
When in the MockOla editor, drag elements from the top editing menu and drop them to the canvas to create your desired mockup as shown to the left. The design possibilities are endless with MockOla.
View available shapes and palettes via the dropdowns. Align, group, and rearrange elements using the controls available. Download any design in PNG format.
If you create an account, you can sign into MockOla (via a number of social network authentications) create, save, and edit your own designs, in addition to editing the examples available on the MockOla home page.
The MockOla editor is implemented using Backbone.js and Fabric.js for 2D drawing capabilities on an HTML5 browser canvas. The server-side API supporting MockOla is a Java Spring Boot application created using the JHipster framework.