Is node-red-dashboard still supported in 2024?

No, it's deprecated as announced in June 2024. The README states no new development will occur, and alternatives like Flowfuse Dashboard are recommended for production use.

How to customize themes in node-red-dashboard?

Use the dashboard sidebar to select light, dark, or custom themes. CSS variables like --nr-dashboard-pageBackgroundColor can be overridden in ui_template nodes for deeper styling, as detailed in the theme section.

node-red-dashboard vs UIBUILDER: which should I choose?

Choose node-red-dashboard only for legacy projects, as it's deprecated. UIBUILDER is a better alternative for new development, offering more flexibility and modern features, per the README's recommendation.

Can I add custom icons to node-red-dashboard?

Yes, via built-in icon sets or external libraries like Iconify. Add a ui_template node with the Iconify script in the head section and use prefixes like 'iconify-', as explained in the icons section of the README.

How to secure the dashboard with authentication?

Use the httpNodeAuth property in Node-RED's settings.js file, similar to other HTTP nodes. However, security may be compromised due to outdated Angular v1 dependencies, as noted in the README.

Does node-red-dashboard work with multiple users independently?

No, it lacks true multi-user support. All connected clients share the same dashboard state, though some elements like notifications can be targeted per session using msg.socketid, as mentioned in the README.

Open-Awesome

node-red-dashboard

NOASSERTIONHTML3.6.3

A set of Node-RED nodes for creating live data dashboards with configurable widgets and themes.

GitHub

1.4k stars477 forks0 contributors

What is node-red-dashboard?

node-red-dashboard is a Node-RED plugin that adds dashboard UI nodes to the palette, allowing users to build live data dashboards visually. It solves the problem of creating real-time monitoring and control interfaces for IoT, home automation, or industrial systems without separate frontend development.

Target Audience

Node-RED users, IoT developers, and automation engineers who need to visualize data streams or create control panels directly within their flow-based programming environment.

Value Proposition

It integrates seamlessly with Node-RED, offering a wide range of configurable widgets and a responsive layout system, enabling quick dashboard prototyping and deployment alongside existing flows.

Overview

A dashboard UI for Node-RED

Use Cases

Best For

Building real-time monitoring dashboards for IoT sensor data
Creating control panels for home automation systems
Visualizing industrial equipment metrics with gauges and charts
Prototyping low-code data visualization interfaces
Adding interactive UI elements to Node-RED flows
Displaying live charts and notifications from MQTT or other messaging systems

Not Ideal For

Projects requiring long-term maintenance and security updates
Applications needing modern frontend frameworks like React or Vue for advanced interactivity
Systems with multiple concurrent users requiring individualized dashboards
New development where future-proofing and active community support are priorities

Pros & Cons

Pros

Rapid Prototyping Capability

Enables quick creation of live data dashboards directly within Node-RED's flow editor without frontend coding, ideal for IoT and automation systems as highlighted in the README.

Seamless Node-RED Integration

Adds UI nodes to the Node-RED palette with settings managed through a dashboard sidebar, allowing effortless integration with existing flows for real-time data visualization.

Comprehensive Widget Library

Includes a wide range of widgets like charts, gauges, forms, and notifications, detailed in the features section, catering to diverse monitoring and control needs.

Flexible Layout and Theming

Offers responsive grid layouts with customizable widths and themes, supporting light, dark, or CSS variable overrides for styling, as documented in the layout and theme sections.

Cons

Deprecated and Outdated

The project is officially deprecated as of June 2024 and based on Angular v1, which is no longer maintained, leading to potential security risks and no new feature development.

Limited Multi-User Support

Does not support multiple individual users effectively; all clients see the same flow state, with only basic session-based controls via msg.socketid, as admitted in the README.

Restricted Modern Features

Tied to the obsolete Angular v1 framework, making it difficult to integrate modern JavaScript libraries or advanced frontend capabilities beyond basic theming and widgets.

Frequently Asked Questions

Related Projects

PlotJuggler

The Time Series Visualization Tool that you deserve.

Stars5,950

Forks794

Last commit1 month ago

uibuilder

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.

Stars519

Forks94

Last commit5 days ago

mqtt-panel

A web interface for MQTT

Stars442

Forks113

Last commit2 months ago

Crouton

Crouton MQTT IOT Dashboard

Stars297

Forks68

Last commit5 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub