xyflow
Powerful open-source libraries for building customizable node-based UIs with React or Svelte.
What is xyflow?
Xyflow is a collection of open-source libraries, including React Flow and Svelte Flow, designed for building interactive node-based user interfaces. It solves the problem of creating complex visual editors, diagrams, or workflow builders by providing ready-to-use, customizable components for connecting and manipulating nodes. Developers use it to implement drag-and-drop interfaces, graph visualizations, or any application requiring a canvas-based UI.
Frontend developers working with React or Svelte who need to build diagramming tools, workflow editors, data visualization interfaces, or any node-based interactive application.
Developers choose Xyflow because it offers a perfect balance of out-of-the-box functionality and deep customization, with dedicated libraries for React and Svelte that integrate seamlessly into their respective ecosystems. Its MIT license and strong community support make it a reliable choice for both personal and commercial projects.
Overview
React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
Use Cases
Best For
Related Projects
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.
