UI Editor Overview

The UI Editor is a visual, WYSIWYG tool for building interactive user interfaces and QSApps. It combines layout authoring, property editing, state-based transitions, and input triggers—all in one unified environment.

Download the UI Editor.

Key Concepts

• Elements
  Visual elements like images, text, gradients, and grids that compose your UI hierarchy.

• Properties
  Element-specific settings (position, size, transform, alpha, filters, etc.) that can be edited to fine-tune the positioning and visuals of an Element.

• Modifiers
  Named states which can be used to implement property changes, triggered by Events.

• Events
  A named collection of Modifiers. When you fire an Event, it applies Modifiers to an Element, enabling animations, transitions, and complex workflows.

• Triggers
  Input hooks like click, hover enter/leave, and drag that bind user interactions to Events.