UI Mockup Library

Image

Name

Description

Browser Frame

A browser frame with standard browser iconography. The title and URL can be directly edited. Scrollbars can be added under the Format Shape tab in the Utility Panel.

Frame

A frame with editable left-aligned text.

Label

A label with editable font.

Hyperlink

A hyperlink that can be configured, formatted, and activated under the Format Shape tab in the Utility Panel.

Paragraph

A paragraph placeholder with default 'lorem ipsum' text that can be edited directly in the canvas.

Image Placeholder

An image placeholder. Image files cannot be attached to the image.

Icon

An icon placeholder. When dragged and dropped onto the canvas, click the search icon under the placeholder to display the Icon Picker modal and select one of the numerous standard icons available.

Progress Bar

A progress bar. The position of the progress bar can be directly edited.

Horizontal Scrollbar

A horizontal scrollbar. The position of the scrollbar can be directly configured.

Vertical Scrollbar

A vertical scrollbar. The position of the scrollbar can be directly configured.

Text Box

A text box. The text can be directly edited on the canvas.

Button

A button placeholder with editable text. A hotspot with a hyperlink can also be configured under the Format Shape tab in the Utility Panel.

Radio Buttons

Radio buttons. Further options can be added by clicking Add Radio Button (there is a maximum of 100). The state of each button (such as selected or disabled) can also be customized under the Format Shape tab in the Utility Panel.

Dropdown Buttons

Dropdown buttons with editable text. Options can be added or removed by clicking the add or delete icons under the dropdown buttons icon. Variations and states can also be customized under the Format Shape tab in the Utility Panel.

Hotspot

A hotspot with editable text directly in the canvas. A hyperlink can be configured under the Format Shape tab in the Utility Panel.

Date Picker

A date picker with a calender icon and single line of text that can be configured in the canvas.

Horizontal Slider

A horizontal slider. The position of the slider can be directly edited in the canvas.

Vertical Slider

A vertical slider. The position of the slider can be directly edited in the canvas.

Numeric Spinner

A numeric spinner. The value displayed on the canvas can only be configured under the Format Shape tab in the Utility Panel.

Data Table

A data table. Each cell can be annotated and both columns and rows can be easily added and deleted. Using Ctrl (Win) or Command (Mac), multiple cells can be selected and edited in bulk.