NocoBase provides a WYSIWYG UI building experience. Click the UI Builder button to toggle between Edit mode and View mode.
View mode:

Edit mode:

NocoBase ships with a default layout template: navigation on the top and left, and a content area on the right.

In Edit mode, orange markers indicate configurable elements. The entry point for an element’s settings is usually in its top‑right corner. Most elements support real‑time configuration with instant preview. Examples:
Menu configuration options:

Page configuration options:

Block configuration options:

Action configuration options:

Table column configuration options:
