React Flow logo

React Flow

Published August 2025
   •    Updated March 2026

Plugin details

React Flow for Bubble is an advanced, no-code canvas plugin that lets you draw, style, and execute visual logic graphs—the same way tools like n8n or Node-RED work—directly inside your Bubble app. Built on top of the open-source React Flow library, the plugin gives you a drag-and-drop interface, colour-coded execution states, and a dual runner (client-side and server-side) so a flow can run instantly in the browser or head-less in a backend workflow.

For more info or improvement requests go to : https://forum.bubble.io/t/new-plugin-react-flow-for-bubble-visual-logic-graphs/378850

$80

One time  •  Or  $18/mo

stars   •   0 ratings
5 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

The Future Unlocked. logo
The Future Unlocked.
Joined 2019   •   11 Plugins
View contributor profile

Instructions

Quick-start (2 mins) 1. Drop the ReactFlowElement on the page → it renders an empty canvas.
2. Create nodes with add_node (or preload from DB) – give each a handler (e.g. “multiply”).
3. Connect them by dragging from bottom handle to top handle.
4. In a workflow, add onNodeExecute → switch on handler → do stuff → set_node_output.
5. Trigger run_flow → watch nodes light up live.
6. Need background processing? Save nodes & edges JSON, call run_flow_server in a backend workflow.

That’s it—draw your flow, wire Bubble workflows to each node, run anywhere.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Media   •   AI   •   Analytics   •   Data (things)   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble