MockOla Free


MockOla is a free rapid design tool. Easily create user interface mockups, wireframes, and designs at mockola.com.

Try MockOla

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.

  • Connector.

    Drag-and-Drop Canvas

    Create any concept on the canvas using a simple drag-and-drop of your cursor.

  • Connector.

    User Interface Wireframing

    Use user interface template palette to create wireframes for web, desktop, mobile, and tablet applications

  • Connector.

    UML Modeling

    Use the UML Modeling Palette to create software system designs.

  • Connector.

    Export Designs

    Export to PNG and download any design you create.

Design Capabilities

User Interface Wireframing:

templates for web, mobile, and table applications with standards UI constructs.

Free-Form Diagrams:

Customizable shapes, lines, text, and constructs give the building blocks for any design.

UML Diagrams:

Unified modeling language standard concepts, shapes, and object linking to design software systems.

Using MockOla

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.

Technology Stack


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.