uibuilder: nodes and flows

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' option on the item's page.

Nodes and flow examples related to node-red-contrib-uibuilder.

uibuilder lets you create user interfaces that are data-driven from Node-RED.

A UI is a web-app comprising of an html file providing the basic structure and loading any required resources and a JavaScript file. uibuilder includes a simple front-end library to manage the interactions between your front-end code and Node-RED.

Communications with Node-RED are managed via websockets messages.

The uibuilder node lets you send and receive messages to/from your UI. It also lets you edit your front-end code within the Node-RED Editor. It also lets you add and remove npm modules; this is to let you easily install front-end libraries that will be served using Node-RED's user-facing ExpressJS web server along with your own code and the helper libraries. The VueJS and bootstrap-vue frameworks are included on installation, you can choose to use these (they have the most testing and examples), use your own preferred library (jQuery, REACT, MoonJS, etc) or you can simply hand-crank your own HTML code as preferred.

If you have a flow or node you think should be in this collection, please PM me on the Discourse forum and I will add you as a joint owner of the collection.