Node-RED flow visualizerRequires Pro

The visualizer renders complete Node-RED exports without requiring a running Node-RED instance. Use the tabs below to inspect the main flow and its reusable subflow. Time-line nodes keep their familiar labels, colors and icons; contributed nodes that are not registered still render with a safe generic appearance.

Hold Control or Command while scrolling to zoom. Scroll normally to move vertically, or hold Shift to move horizontally.

Inline MDX Example

Small examples can be declared directly in MDX. Full examples can import a checked-in JSON export instead.

import flow from './my-flow.json';

<NodeRedFlow flows={flow} flowId="my-flow-tab" />