This is a great library. I especially appreciate that they added a version for Svelte (with specific examples for Svelte 5).
It's very convenient how you create the graph, with nodes just being Svelte components.
Adding custom edges isn't very hard either.
If you're curious what you can do with it, I made this demo for myself https://youtu.be/aVY7ySPiSo8 (never launched it).
I used Svelte Flow to visualize AI doing research, my first project using LLMs.
This is an excellent library! I only wish it had react-native support.
I've worked on a few prototype react directed acyclical diagram libraries. jsplumb-react, react-yad, and recently @lincle.
@lincle is my most recent and first attempt at supporting react-native. I tried leveraging existing interactive libraries. I was also inspired by react-flow's minimap. It is still a prototype and needs documentation but works well. I'm realizing now the demo isn't working but the demo source should hopefully give an example of how to use it.
I'm working on an open source tool called noodles.gl that uses this library and it's been great. The devs have been good about keeping a cadence of solid changes and keeping the community updated, and overall I'm happy to have bet on this library years ago.
I love the flexibility and the fact that there's a variety of examples for basically anything I want to accomplish with it. Great work to the team.
I really appreciated that they've made their pro examples available for free for education purposes. I made use of one of those examples for my undergraduate final year project.
Hah, this pops up right after I note how it's eating good with all the AI tools that use it. Deservedly so, if you're creating node based interfaces there's no reason to hand roll with D3.
This is a well-done library that’s fun to work with. I put together a proof of concept org chart generator[0] with it a while back when working on another project. Very easy to use and well-documented.
You can programmatically remove the watermark, either via a flag or by changing the source code.
> [1] No, you can do whatever you want with it since it’s MIT
But if you use it in a commercial project, they'll likely shame you if you don't pay - like what happened to OpenAI with Agent Builder:
> [2] 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
Personally, I’d prefer them to use a dual license, but I understand that it would likely create unnecessary hurdles for devs who just want to try out the library.
This is a great library. I especially appreciate that they added a version for Svelte (with specific examples for Svelte 5).
It's very convenient how you create the graph, with nodes just being Svelte components. Adding custom edges isn't very hard either.
If you're curious what you can do with it, I made this demo for myself https://youtu.be/aVY7ySPiSo8 (never launched it). I used Svelte Flow to visualize AI doing research, my first project using LLMs.
This is an excellent library! I only wish it had react-native support.
I've worked on a few prototype react directed acyclical diagram libraries. jsplumb-react, react-yad, and recently @lincle.
@lincle is my most recent and first attempt at supporting react-native. I tried leveraging existing interactive libraries. I was also inspired by react-flow's minimap. It is still a prototype and needs documentation but works well. I'm realizing now the demo isn't working but the demo source should hopefully give an example of how to use it.
https://gitlab.com/digested/lincle
With expo DOM components it’s easy to just use this library and expo will wrap it in a webview. Then you can easily integrate it into a RN app.
Great library. Just memo your custom nodes properly - edge re-renders cascade faster than you'd expect.
Obligatory Fireship video: https://www.youtube.com/watch?v=yl0YWA2K2B0&t=40
I'm working on an open source tool called noodles.gl that uses this library and it's been great. The devs have been good about keeping a cadence of solid changes and keeping the community updated, and overall I'm happy to have bet on this library years ago.
I love the flexibility and the fact that there's a variety of examples for basically anything I want to accomplish with it. Great work to the team.
https://noodles.gl
I made a desktop UI using react flow with resizing and deletion of windows.
https://github.com/Anilturaga/Generative-UI
I use this library for some in browser AI stuff.
https://podley-web.netlify.app/
I really appreciated that they've made their pro examples available for free for education purposes. I made use of one of those examples for my undergraduate final year project.
Hah, this pops up right after I note how it's eating good with all the AI tools that use it. Deservedly so, if you're creating node based interfaces there's no reason to hand roll with D3.
This is cool. Is there web component library/resources for something equivalent?
It's a lovely library :) I'm using it in my work on general interfaces for symbolic execution debugging.
I am building https://www.flickspeed.ai using this library
This is a well-done library that’s fun to work with. I put together a proof of concept org chart generator[0] with it a while back when working on another project. Very easy to use and well-documented.
[0] - https://github.com/randomdrake/react-flow-org-chart
I'm a long-time SvelteFlow user and it has never disappointed so far :).
Lots of updates this year to reach parity with React Flow.
Does React Flow still advertise itself unless you pay the developers at least $169/month?
You can programmatically remove the watermark, either via a flag or by changing the source code.
> [1] No, you can do whatever you want with it since it’s MIT
But if you use it in a commercial project, they'll likely shame you if you don't pay - like what happened to OpenAI with Agent Builder:
> [2] 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
Personally, I’d prefer them to use a dual license, but I understand that it would likely create unnecessary hurdles for devs who just want to try out the library.
They explained their reasoning here: https://xyflow.com/blog/asking-for-money-for-open-source
[1] https://x.com/xyflowdev/status/1975660206441820585
[2] https://x.com/xyflowdev/status/1975505810768777360