Node Red Dashboard: Uibuilder Node with example

UIBuilder Example Flow to send and receive multiple data from node-red to webpage and vice versa

Node-red is an IoT platform. This is a flow-based programming platform to connect hardware devices together. Node-red was developed by IBM based on the node.js platform.

Uibuilder Node

Uibuilder Node:

Uibuilder is an awesome Node-red node for a custom dashboard. This is the alternative of the Node-red Dashboard. In this node, the user can make a complete dynamic dashboard or user interface. Uibuilder is a really awesome Node to make customized dashboards using HTML, CSS, and javascript. 

How to install uibuilder Node in Node-red:

To know how to install the uibuilder node in Node-red, please watch this video. Or visit uibuilder official homepage. 
Use the following nmp command to install the uibuilder.
npm install node-red-contrib-uibuilder


Node-red web user interface to build a custom user dashboard. 

uibuilder example flow:

In this Example flow, I am going to show some simple operation using uibuilder. We will take input from users in a form and send data to node-red from uibuilder. Then at the same time, we will receive data from node-red to our uibuilder webpage. 

0/Post a Comment/Comments