The node editor lets you define data sources and connect them to readable values. Each node can perform operations like mapping CAN values or transforming units. Once the values are named, they become directly usable in the UI designer as dynamic data fields. You can also define outputs that read values from UI elements, like sliders or send defined messages on a button press. We aim to support .dbc files in order for you to be able to insert your CAN database file and immediately start converting your can messages.

The visual UI editor includes a curated set of essential interface components - such as text fields, buttons, progress bars, radial gauges, and indicator dials. Each element can be positioned freely, styled individually, or themed globally to ensure a consistent look across the dashboard.
Elements are typically bound to dynamic values - either live data exported from your CAN node graph or fixed constants (e.g., static labels or icons). The editor supports layering, alignment tools, and grid snapping to streamline precise layout work. A real-time preview lets you visualize how the UI will respond to incoming data directly on your target resolution.
Your UI design can consist of multiple pages and be displayed based on some state you choose. For example the UI might display your rear-camera's feed in case the driver selected the reverse gear.