.png)
4 days ago
7
A customizable Svelte component for building node-based editors and interactive diagrams
Svelte Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by supporting us.
Support UsGetting Started with Svelte Flow
Make sure you’ve installed npm, pnpm or yarn. Then you can install Svelte Flow via:
npm install @xyflow/svelte
Ready out-of-the-box
The things you need are already there: dragging nodes, zooming, panning, selecting multiple nodes, and adding/removing edges are all built-in.
Powered by us.
Designed by you.
We play nice with Tailwind and good old CSS. Svelte Flow nodes are just Svelte components. Create custom nodes to have full control with interactive components.
All the right plugins
Make more advanced apps with the Background, Minimap, Controls, and Panel components.
Interactive Examples
See Svelte Flow in action
To see all the capabilities of Svelte Flow, check out the interactive examples which are regularly updated.
A project by the xyflow team
We are Christopher, Peter, Abbey and Moritz. We are the maintainers of React Flow, Svelte Flow, and the communities around them
A project by the xyflow team
We are building and maintaining open source software for node-based UIs since 2019.
