UI Builder

WYSIWYG

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

View mode:

Edit mode:

Layout Template

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

Configuration Options

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: