July 9th, 2024

React Flow 12: node-based UIs with computing flows and server-side rendering

React Flow 12 introduces SSR, dark mode, and computing flows. It's a customizable React component for node-based editors. Features include dragging nodes, zooming, and plugins for advanced applications. Used by companies like Stripe and Typeform.

Read original articleLink Icon
React Flow 12: node-based UIs with computing flows and server-side rendering

React Flow 12 has been released, offering features like SSR, dark mode, and computing flows. React Flow is a customizable React component for creating node-based editors and interactive diagrams. It comes with built-in functionalities like dragging nodes, zooming, panning, and adding/removing elements. Nodes in React Flow are React components that can be customized with Tailwind and CSS. The library includes plugins for advanced applications such as Background, Minimap, Controls, Panel, NodeToolbar, and NodeResizer components. React Flow is used by various developers and companies like Stripe and Typeform for projects ranging from data processing tools to musical synthesizers. The latest release introduces new features like a layouting algorithm called Entitree Flex and devtools for better understanding and debugging React Flow apps. React Flow is maintained by the xyflow team, who also work on Svelte Flow, another customizable component for building node-based editors and interactive diagrams.

Link Icon 1 comments
By @stephaner - 3 months
Available for Svelte too https://svelteflow.dev/