Sign in

xyflow

@xyflow.com
156 followers 3 following 58 posts

Creators of React Flow and Svelte Flow- flexible libraries for building interactive node-based UIs, workflow editors, static diagrams, and no-code editors

PostsRepliesMedia
xyflow @xyflow.com · 16/06/2026
🎉🎉🎉 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. xyflow.com/blog/svelte-...
screenshot of Svelte Flow website in dark mode
030
Reposted by xyflow
hayleigh @hayleigh.dev · 22/05/2026
i rejoined @xyflow.com earlier this year and im super excited to release my first pro example since coming back edge routing and integrating libavoid have been super common requests so its well cool to finally have something to point folks to 💕 reactflow.dev/examples/edg...
reactflow.dev
Edge Routing - React Flow
Implement a routable edge with libavoid
2191
Reposted by xyflow
Liveblocks @liveblocks.io · 07/04/2026
Introducing our multiplayer SDK for React Flow. Enable realtime @xyflow.com flowcharts in a few lines of code, plus live cursors, multiplayer undo/redo, and AI agent collaboration. lblcks.io/WVO706y
152
xyflow @xyflow.com · 02/12/2025
⚡ We built a node-collision playground, benchmarked the algorithms, and wrote a deep-dive about it: xyflow.com/blog/node-co... Ready-to-use examples for React Flow & Svelte Flow !
061
xyflow @xyflow.com · 02/12/2025
wow! This looks super good 🙏
010
Reposted by xyflow
Ilja @fubits.dev · 25/11/2025
Just updated the agenda for the @sveltesociety.dev Berlin meetup... 🥁 @dominikg.dev will join us to talk about remote functions (and his secret Guarana gum bears stash) @peterkogo.bsky.social will share his experiences of working on @xyflow.com in Svelte vs React guild.host/events/svelt...
guild.host
Svelte Meetup Berlin | Guild
Dec 9th 7:00PM: Inaugural meetup of the Svelte developers community in Berlin. Number of spots is limited so please register. Agenda: Sve
3193
xyflow @xyflow.com · 02/10/2025
this is so cool 🤩
010
xyflow @xyflow.com · 19/08/2025
🥁 Introducing Strudel Flow, an experimental pattern sequencer built with Strudel and React Flow * Drag-and-drop interface * live pattern compilation * color themes * built-in instruments * sharable URLs • Open source ✨ xyflow.com/strudel-flow
Screenshot of Strudel Flow application
052
xyflow @xyflow.com · 18/08/2025
Thanks 🙏
010
xyflow @xyflow.com · 24/06/2025
✏️ Whiteboard features for React Flow and Svelte Flow ✏️ We just published four new examples to cover some common use cases: - Freehand Draw (pro) - Lasso Selection - Eraser - Rectangle Draw reactflow.dev/learn/advan...
screenshot of freehand draw example
031
xyflow @xyflow.com · 22/05/2025
After nearly a year, our new React Flow package name has finally matched our previous download numbers. Feels good 🙌
graph shows downloads of reactflow vs. xyflow/react npm packages
010
xyflow @xyflow.com · 21/05/2025
I love the calm and clean interface of Tersa ☀️ Beautiful! And it's open source 🙏 www.tersa.ai/
screenshot of tersa app
010
xyflow @xyflow.com · 14/05/2025
🚀 HUGE NEWS! Svelte Flow 1.0 has officially landed! - Built for Svelte 5 - Enhanced DX with TSDoc - New features like reconnecting edges and keyboard controls - Better docs with more guides and examples xyflow.com/blog/svelte-...
screenshot of a Svelte Flow example
0184
xyflow @xyflow.com · 23/01/2025
React Glitch Flow 🤩 done with amagi.dev/vfx-js/
021
xyflow @xyflow.com · 12/08/2024
New project built with Svelte Flow in our project Showcase! ⚡️ Zen AI, a no-code AI workflow automation tool See other live projects built with Svelte Flow here: svelteflow.dev/showcase getzenai.com
Nodes on a canvas that are attached like a workflow, and have labels like "estimate," "create stories," and "miro board"
000
xyflow @xyflow.com · 30/07/2024
You can learn more about Server Side Rendering here - Display static HTML diagrams in your docs - Render diagrams in non-js environments - Generate opengraph images reactflow.dev/learn/advanc...
reactflow.dev
Server Side Rendering – React Flow
Step-by-step guide render React Flow apps on the server for displaying static flows, dynamically generating images from flows, or rendering graphs in non-javascript environments
000
xyflow @xyflow.com · 30/07/2024
New Pro example! ✨ Static Server Side Rendering ✨ With React Flow 12, we can finally render flows on the server, this is our first Pro Example to show off these new features reactflow.dev/examples/mis...
110
xyflow @xyflow.com · 22/07/2024
This tutorial is a direct offshoot of the app we built for our 2023 end-of-year developer survey: reactflow.dev/developer-su...
A series of slides on an infinite canvas with data and quotes from users of React Flow
000
xyflow @xyflow.com · 22/07/2024
Fresh tutorial has landed!! Build an infinite canvas slideshow presentation with React Flow 🍿🍿 Learn how to create: 🖋 Markdown slides ➡️ Keyboard navigation around the viewport 👾 Write your own layouting algorithm Tutorial by @hayleigh.dev ✨ reactflow.dev/learn/tutori...
A screencapture of someone clicking arrow keys on a series of plain slides, which lets them navigate up, down, left, and right between them
100
xyflow @xyflow.com · 09/07/2024
React Flow ✨12✨ is here!! Our first major release in over a year includes: - support for server side rendering - computing flow helpers - built-in dark mode - improved DX with TSDoc - better performance ⚡️ www.xyflow.com/blog/react-f...
A giant "12" on a dotted background. The React Flow logo sits underneat
011
xyflow @xyflow.com · 17/06/2024
We wrote up a deep-dive into our 2023 developer survey, with insights on maintaining a library like React Flow, and tips for other maintainers looking to understand more about their users. 🤿 Give it a read, let us know what you think! ✨
xyflow.com
React Flow Developer Survey 2023 Results – xyflow
With our end-of-the-year survey, we uncovered current pain points for React Flow users in our library and ecosystem, providing us a compass as we move forward with development.
000
xyflow @xyflow.com · 10/06/2024
🪑 xyflow Town Hall tomorrow, June 11! 🪑 discord.gg/H2HjN4mV?eve... ⌚️ 8 SF, 11 NY, 17 Berlin, 20:30 India Join us on Discord, bring your questions, let's talk about xyflow 🦚
"Town Hall", where some of the letters turn into cartoon characters. The H turns into suspenders, and the T turns into a sticky body.
000
xyflow @xyflow.com · 05/06/2024
🎺 The 2023 end-of-year React Flow Survey results are finally here!! 🎺 reactflow.dev/developer-su... 83 React Flow users told us about the good, bad, and ugly of React Flow- we wanted to share it with y'all in the name of ✨open source✨ (built with React Flow of course 💅🏻💅🏻)
Nodes with information from a developer survey on a large canvas
000
xyflow @xyflow.com · 06/05/2024
🎺 xyflow town hall is tomorrow! 🎺 See you on our discord, come with your opinions and questions 🔮 discord.gg/5nTQs9pC?eve...
discord.gg
Join the xyflow Discord Server!
Discuss, ask questions, and get answers about React Flow and Svelte Flow: libraries for building node-based UIs 🧵 | 4199 members
000
xyflow @xyflow.com · 06/05/2024
🆕 We talked to Tobias from Hubql about how they use React Flow Pro examples to speed up development of their collaborative data schema visualization tool 🏓 Thank you for your continued support!! 💜💜 Read the full case study: reactflow.dev/pro/case-stu...
reactflow.dev
Flexible data model visualization with Hubql and React Flow – React Flow
We were seeking a React library that helps us to turn data models into visualization without spending too much time building abstractions and interactive elements. To save time in development we opted...
000
xyflow @xyflow.com · 30/04/2024
Find us LIVE at our next Town Hall on May 7th 🏫 ⌚️ 8:00 SF, 11:00 NY, 17:00 Germany, 20:30 India We'll talk about what we've been working on recently, what's on our minds, and answer your questions about big-picture xyflow questions 🦜 See you there! discord.gg/8ym4SxZx?eve...
discord.gg
Join the xyflow Discord Server!
Discuss, ask questions, and get answers about React Flow and Svelte Flow: libraries for building node-based UIs 🧵 | 4178 members
000
xyflow @xyflow.com · 30/04/2024
Updates from the desk of the xyflow team! 🧵 Editable edge Pro example is finally here! 🔬 Devtools for React Flow 🥁 Exploring our working rhythms 💙🧡 Making headway on two major core library updates Get the full scoop in our team update here: www.xyflow.com/blog/update-...
xyflow.com
Team Update – React Flow 12, Svelte Flow for Svelte 5, editable edges – xyflow
xyflow - Customizable library for rendering workflows, diagrams and node-based UIs.
100
xyflow @xyflow.com · 15/04/2024
🔬 React Flow Devtools: Copy-paste this example to reveal internals, instead of clogging your code with console.logs reactflow.dev/learn/advanc... Give it a try, let us know what you think! 💫
reactflow.dev
Devtools and Debugging – React Flow
Copy pastable devtools for React Flow
000
xyflow @xyflow.com · 28/02/2024
With the v12 release around the corner, here's a sneak peek at our computing flow helpers in action 🤯
3 boxes on the left, labeled "red," "green," and "blue." They are attached to a larger node. Adjusting the numbers on the three left-most boxes changes the color of the big node in the middle, and the text color on the nodes changes so it is still readable as the boxes shift between dark and light colors.
010
xyflow @xyflow.com · 07/02/2024
We just added 4 new projects to our Showcase 📺 🎲 Domino (open source workflow builder) 🥞 Food Former (mix ingredients with ChatGPT) 🎁 AppBlocks (design IoT firmware) 💾 CodeFlow (dev education- this one's in Svelte! ✨) reactflow.dev/showcase svelteflow.dev/showcase
Screenshot of an app that uses boxes and lines that are used to calculate sack weight.A industrial-looking workflow editorAn app called "AppBlocks" with nodes in a workflow, some say things like "LED Pattern" or "sprinkler-on-when-low"A cute app with a bunch of colorful squares on a screen. Each is an ingredient that can be dragged on top of another ingredient to combine them into something new.
000
xyflow @xyflow.com · 16/01/2024
🆕💎 For our Pro subscribers we've revamped our Collaboration Pro example from the inside-out! Now with mirrored cursors🐁🐁 Try it out: reactflow.dev/examples/int... (you can say "at the same time" in German in just one word: "gleichzeitig." now go tell that to your green bird app)
Nine windows open on a computer desktop, each showing the same thing happening where a cursor is moving boxes around a screen
010
xyflow @xyflow.com · 15/01/2024
React Flow v12 is in beta! 🧪 with tons of new features like 1. Server Side Rendering of flows (WHAT) 2. Helper functions to simplify data flows 3. Dark mode 😈 4. a bunch of other good stuff github.com/xyflow/xyflo... Give it a test drive break it submit bug thx love you bye
A user types "hello" into a node, which then leads to another node that says "uppercase transform," and the next node the text appears as "HELLO" in uppercase. Also a drop-down is clicked to toggle between dark and light mode.
000
xyflow @xyflow.com · 10/01/2024
Svelte Flow 0.0.32 comes with a built-in Node Resizer component 🌱 svelteflow.dev/examples/nod... We're getting closer to Svelte Flow version 1.x.x, stay tuned 🤖
svelteflow.dev
Node Resizer – Svelte Flow
Svelte Flow - Customizable library for rendering workflows, diagrams and node-based UIs.
020
xyflow @xyflow.com · 18/12/2023
Help us get a better idea of who's using the library in our 2023 React Flow dev survey 💖 reactflow.dev/developer-su... Open for another 24 hours 📬 and of course we'll share our findings with y'all next year 🚀
reactflow.dev
React flow Developer Survey 2023 – React Flow
Answer some questions how you use React Flow, so we can continue to focus on the most important pieces of the library and its ecosystem going into 2024
000
xyflow @xyflow.com · 12/12/2023
Calling all React Flow devs! Tell us about how you use React Flow in our end-of-year survey, and help us know what to focus on going into 2024 🚀 reactflow.dev/developer-su... We'll be sharing the results publicly in the new year 🎉
React Flow Developer Survey 2023
000
xyflow @xyflow.com · 06/12/2023
We couldn't be happier that now almost all of the code we work on is open source– it just feels right 😌 If you'd like to use this as a starting point for monetizing your own open source project (like we do), we'd love to hear about it! ✌🏻
000
xyflow @xyflow.com · 06/12/2023
The React Flow Pro Platform is now open source! 🎉🎉 This app is where our subscribers can view advanced code examples, manage their team, contact us, etc. We just gave it an MIT License 🔓🙌🏻 Deep-dive: xyflow.com/blog/react-f... Github: github.com/xyflow/pro-p... Live app: pro.reactflow.dev
The dashboard of the React Flow Pro Platform where users can view pro examples, submit a github issue, invite team members, and more
100
xyflow @xyflow.com · 27/11/2023
How to take a task that is usually reserved for a few experts (solving spatial problems), and make it so anyone can do it? Carto did that with React Flow Pro 💖 Read the full case study here: reactflow.dev/pro/case-stu...
A screenshot of Carto Workflows, which has a workflow on it. On the left there are the boundaries of US states and customers, and they get filtered, intersect, and other functions.
000
xyflow @xyflow.com · 22/11/2023
xyflow Town Hall is happening! 🏠 We'll share what's next at xyflow, and answer any big questions you have for us 🚀 Join in on discord server, all are welcome ✌🏻 Tuesday, 28. November ⏰8 SF, 11 NY, 17 Berlin, 21:30 India discord.gg/ktUka7MF?eve...
Reads "Town Hall", and the letters have been transformed into adorable little cartoons
000
xyflow @xyflow.com · 20/11/2023
Thanks y'all for taking the time to answer our questions! ✨ OneSignal are React Flow Pro Subscribers 💖 To learn more about React Flow Pro, check out reactflow.dev/pro
Build Better Node-Based UIs with React Flow Pro. Includes Access to all pro examples. Prioritized Github Issues. Keep the library running and maintained under an MIT License. Up to 1 hour of individual support via email per month.
000
xyflow @xyflow.com · 20/11/2023
OneSignal makes it easy for businesses to reach their customers in the right time and place 📬 Wee asked Lee Munroe how they use React Flow and its ecosystem to create a smooth user experience in their Journeys tool 🧗🏻‍♀️ reactflow.dev/pro/case-stu...
OneSignal's case study with React Flow, showing a screenshot of the OneSignal Journeys tool, which allows users to create workflows that send emails, in-app messages, SMS, etc. to users upon a certain trigger
100
xyflow @xyflow.com · 20/11/2023
Everyone calm down, we have at *least* another week until you can just draw our libraries into existence sorcery by @tldraw.bsky.social
On the left side is a flowchart in a hand-drawn style using a digital tool, with some description text around it in red text. On the left is the app it auto-generated. The app on the right does not look like the concept drawn on the left.
010
xyflow @xyflow.com · 15/11/2023
We just ported React Flow to another framework for the first time since we open sourced it in 2019 - and we chose to port it to Svelte⚡️ Here's why we went with Svelte 🧡 xyflow.com/blog/why-sve...
A collection of messages on discord where people ask us to port React Flow to other front-end frameworks like solidjs, svelte, preact, flutter, and angular.
021
Reposted by xyflow
Jake Lazaroff @jakelazaroff.com · 15/11/2023
lock-in to react via third party ecosystem is slowly going away as more and more libraries start supporting multiple frameworks. love to see it — a framework monoculture is bad for the web, no matter which framework it is. congrats to the @xyflow.com team!
011
xyflow @xyflow.com · 07/11/2023
We just added the 🏆first🏆 project to the Svelte Flow showcase: ffmpeg.lav.io by @lav.io Give it a whirl by picking out one of the examples and render your video 🎥 We hope to find more Svelte Flow projects out in the wild soon! 🔭
A web app that has multiple nodes that apply effects to a video (like merging and duplicating), and the resulting video is displayed on the top-right of the screen
010
xyflow @xyflow.com · 06/11/2023
And that’s it! We think this name fits us a little better while we work on multiple frameworks 🪩 s/o to Bruno (bruno-cc.com) for the xyflow animation, and Facu (facumontanaro.com) for the xyflow website design
000
xyflow @xyflow.com · 06/11/2023
🏠 New org and repo on Github: github.com/xyflow/xyflow 📦 Package name for Svelte Flow is @xyflow/svelte (@xyflow/react coming soon 👀) ✍🏻 xyflow.com has our blog, projects, and everything about our team 🔀 Our Discord, socials, etc. have been renamed
xyflow.com
Node Based UIs for React and Svelte – xyflow
Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
110
xyflow @xyflow.com · 06/11/2023
Allow us to reintroduce ourselves: we are ✨xyflow✨ We’re Christopher, Hayleigh, John, Moritz, and Peter, and we are the creators and maintainers of React Flow and Svelte Flow. ✌🏻 4 things that are little different now:
a logo with 4 boxes attached to eachother with lines, next to text that says "xyflow"
101
xyflow @xyflow.com · 02/11/2023
See the full update here on our blog. ✌🏻 from the xyflow team
xyflow.com
Svelte Flow – a library for rendering interactive node-based UIs – xyflow
xyflow - Customizable library for rendering workflows, diagrams and node-based UIs.
000
xyflow @xyflow.com · 02/11/2023
👾 Join in the conversation in our Discord server, where you can send any feedback, bug reports, or ideas that you may have!
discord.com
Join the xyflow Discord Server!
Discuss, ask questions, and get answers about React Flow and Svelte Flow: libraries for building node-based UIs 🧵 | 3075 members
100