Restart your Node-RED instance and you should have UI nodes available in the palette and a new dashboard tab in the right side panel. The UI interface is available at …

Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.

FlowFuse Dashboard - A collection of Node-RED nodes that provide functionality to build your own UI applications (inc. forms, buttons, charts).

ui_editor widget displays an interactive block-style editor implemented by Editor.js on the Node-RED dashboard. You can add new block by clicking add button ().

Examples You can find example flows and schedules within the examples folder. Easily import flows via the Node-RED flow editor: ☰ -> Import -> Examples -> node-red-contrib-ui-time …

The form node has a number of fields that can be configured. Before opening the node select the menu, view and then show sidebar if you have not done that already.

The ui-iframe node is a UI widget that can be used to embed an external Web page in a Node-RED dashboard. The URL of a web page to embed can be specified in the settings menu or …

Although true => Green and false => Red is the default, one can map other payload values to any color. To customize the mappings open the node's configuration panel and scroll to the Colors …

Usage ui-list node is a UI widget that can be used to display a list of items in the Node-RED dashboard. An array of Items is passed in by msg.payload. It consists of objects containing the …

Web based GUI This collection will not be listed publicly until it contains something. To add a node or flow, use the add button in the thing's drop-down menu, or select the 'add to collection' …