Widgets

Core Widgets

Dashboard widgets are the building blocks of your dashboard. Wire them together however you like to build out your custom data visualisations and user interfaces.

The following widgets are packaged with Node-RED Dashboard 2.0:

General

Button

Adds a clickable button to your dashboard.

Markdown

Renders dynamic Markdown (including Mermaid Charts).

Notification

Displays a message for a defined duration of time.

Template

Renders custom templates on your dashboard.

Text

Displays a non-editable text field on your dashboard.

Spacer

Adds a simple spacer to your group.

Form & Controls

Dropdown

Adds a clickable button to your dashboard.

Form

Adds a clickable button to your dashboard.

Radio Group

Adds a radio group to your dashboard.

Slider

Adds a slider to your dashboard.

Switch

Adds a clickable switch to your dashboard.

Text Input

Adds a text input to your dashboard.

Data Visualisation

Chart

Adds a chart to your dashboard.

Table

Adds a table to your dashboard.

Events & Control

Collection of widgets that do not render content into the Dashboard, but instead allow communication to/from the Dashboard to monitor activity and control Dashboard state.

Event

Monitors for events in the Dashboard and emits accordingly.

Third-Party Widgets

In addition to the core widgets, we have the architecture to support third-party widgets. If you're interested in developing some yourself, you can check out our Third Party Widgets Contributing Guide.

Here is a list of the third-party widgets we're aware of to make it easier to find what you might be after. These widgets are created by us and the community and can be installed via the Node-RED Palette Manager.

• @sumit_shinde_84/ui-webcam: Enables users to integrate webcam functionality into Node-RED Dashboard 2.0, allowing users to capture images and stream video through different cameras.
• @flowfuse/ui-iframe: Embed an external webpage into your Dashboard using an iframe.
• @flowfuse/ui-led: Adds an LED status indicator to your Dashboard.
• @flowfuse/ui-flowviewer: Visualises valid Node-RED flow.json into a static flow viewer.
• @flowfuse/user-addon: Adds user data to all Dashboard events under msg._client.user if Node-RED is running on FlowFuse, with "FlowFuse User Authentication" enabled.
• @colinl/ui-gauge-classic: Render a multi-needle gauge on your Dashboard, with a more "Classic" visual style.
• @fullmetal-fred/cloudflare-auth: Adds user data to all Dashboard events under msg._client.user if Node-RED is configured with Cloudflare authentication.
• @omrid01/table-tabulator: Provides a rich table widget for Dashboard that extends the popular Tabulator JavaScript library.
• @revolutionpi/hmi: A customisable round button designed after industrial HMI Push-buttons.

In-Development

The following are a list of nodes that we've been made aware of, are in active development, but have not yet been published to the Node-RED Palette Manager.

• @bartbutenaers/ui-svg: Adds an SVG widget to your Dashboard, with dynamic controls over plotting and styling.