xyflow · React Flow · Svelte Flow

Open source libraries for interactive node-based UIs, workflow editors, diagrams, and no-code editors [email protected]

[xyflow · React Flow · Svelte Flow @xyflowdev]

We also added a community patch gallery. You can explore other people's patches, save your own as JSON, and submit them through GitHub.

Give it a try and show us what you make! 💜
https://t.co/5HcND3HC3n

[xyflow · React Flow · Svelte Flow @xyflowdev]

We just released Strudel Flow 2! 🎶

If you haven't seen it before, Strudel Flow is our experiment with visual live coding. You can make music by connecting nodes, while generating Strudel code.

We made quite a few changes 👇

[xyflow · React Flow · Svelte Flow @xyflowdev]

We got rid of the sidebar. There's now a radial menu that opens when you right-click the canvas or drag a connection into empty space. We also added filter knobs, a scope visualizer so you can actually see your sound, and some new themes. We also cleaned up the nodes and the UI.

[xyflow · React Flow · Svelte Flow @xyflowdev]

We also added a community patch gallery. You can explore other people's patches, save your own as JSON, and submit them through GitHub.

Give it a try and show us what you make! 💜
https://t.co/5HcND3HC3n

[xyflow · React Flow · Svelte Flow @xyflowdev]

@SvelteSociety Excited to be part of the summit, and thanks so much for organizing it 🙏

[ReUI @reui_io]

React Flow blocks are live! Nodes and edges, taken way further. Built with @xyflowdev + @shadcn.

- Full CRUD with docked inspector.
- Dagre auto layout.
- Right click + toolbar.
- Drag reparenting, cycle checked.
- Run replay in dependency order.
- Approval gates that unblock.
- Correlation labelled edges.
- @base_ui / @radix_ui compatible.

Live preview in the replies 👇

[xyflow · React Flow · Svelte Flow @xyflowdev]

@shuxer @reui_io @shadcn 🔥🔥🔥🔥

[xyflow · React Flow · Svelte Flow @xyflowdev]

@alex_chehimi @Shopify 🔥

[xyflow · React Flow · Svelte Flow @xyflowdev]

Dark mode has finally landed in our docs 🌚

https://t.co/VrTYSCaLkC
https://t.co/N629uqiKIp

[xyflow · React Flow · Svelte Flow @xyflowdev]

🎉🎉🎉 Big news!

We just launched Svelte Flow Pro + new docs, dark mode, and a fresh look.

And React Flow got love too: the Pro platform is now on-site, plus dark mode and a cleanup.

https://t.co/IVfbaHOVQ3

[xyflow · React Flow · Svelte Flow @xyflowdev]

@pbstudiodev cool idea to do a utils lib for React Flow 👏

[xyflow · React Flow · Svelte Flow @xyflowdev]

🔀 We just published a new pro example for automatic edge routing https://t.co/NcIt6DC3Rp

[xyflow · React Flow · Svelte Flow @xyflowdev]

@FaztTech 🙏

[xyflow · React Flow · Svelte Flow @xyflowdev]

@stacyschmitzz @liveblocks so nice to hear🤩

[xyflow · React Flow · Svelte Flow @xyflowdev]

🔥 @liveblocks shipped a multiplayer SDK for React Flow. If you've been wanting to add realtime collaboration to your app, now's a good time!

https://t.co/X2tNfSjQK9

[xyflow · React Flow · Svelte Flow @xyflowdev]

📝 New blog post! We’ve added llms.txt files for React Flow and Svelte Flow to help AI coding agents navigate our docs:

https://t.co/HiSWRQftPl

[xyflow · React Flow · Svelte Flow @xyflowdev]

@RudySalome @gossardla @OpenAI 😇

[xyflow · React Flow · Svelte Flow @xyflowdev]

Hey @OpenAI :) We just saw that you are using our open source library React Flow 🔥 We offer startup discount codes :) Let us know if you are interested 👀

[xyflow · React Flow · Svelte Flow @xyflowdev]

React Flow example: https://t.co/iP2XKG7jRI!

Svelte Flow example: https://t.co/7iZeMWAaaI!

Demo App: https://t.co/Zsoy0HruvQ

[xyflow · React Flow · Svelte Flow @xyflowdev]

🎯 Stop your nodes from colliding!

We built a node-collision playground, benchmarked the algorithms, and wrote a deep-dive about it:

https://t.co/j8ObYTwoMx

⚡ Ready-to-use examples for React Flow & Svelte Flow !

[xyflow · React Flow · Svelte Flow @xyflowdev]

@Aniruddha18M 👀