xyflow
LightNews LightNews
banner
xyflow.com
xyflow
@xyflow.com
120 followers 3 following 55 posts
Creators of React Flow and Svelte Flow- flexible libraries for building interactive node-based UIs, workflow editors, static diagrams, and no-code editors
Posts Replies Media Videos
xyflow.com
🥁 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
August 19, 2025 at 1:03 PM
xyflow.com
✏️ 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
June 24, 2025 at 10:32 AM
xyflow.com
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
May 22, 2025 at 3:47 PM
xyflow.com
I love the calm and clean interface of Tersa ☀️ Beautiful! And it's open source 🙏 www.tersa.ai/
screenshot of tersa app
May 21, 2025 at 1:03 PM
xyflow.com
🚀 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
May 14, 2025 at 1:19 PM
xyflow.com
React Glitch Flow 🤩 done with amagi.dev/vfx-js/
January 23, 2025 at 12:31 PM
xyflow.com
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"
August 12, 2024 at 2:48 PM
xyflow.com
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...
July 30, 2024 at 3:54 PM
xyflow.com
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
July 22, 2024 at 2:11 PM
xyflow.com
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
July 22, 2024 at 2:09 PM
xyflow.com
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
July 9, 2024 at 12:51 PM
xyflow.com
🪑 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.
June 10, 2024 at 3:22 PM
xyflow.com
🎺 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
June 5, 2024 at 4:07 PM
xyflow.com
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.
February 28, 2024 at 5:22 PM
xyflow.com
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 editor An 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.
February 7, 2024 at 4:57 PM
xyflow.com
🆕💎 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
January 16, 2024 at 5:06 PM
xyflow.com
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.
January 15, 2024 at 2:54 PM
xyflow.com
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
December 12, 2023 at 4:58 PM
xyflow.com
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
December 6, 2023 at 3:23 PM
xyflow.com
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.
November 27, 2023 at 11:59 AM
xyflow.com
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
November 22, 2023 at 3:04 PM
xyflow.com
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.
November 20, 2023 at 11:48 AM
xyflow.com
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
November 20, 2023 at 11:47 AM
xyflow.com
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.
November 20, 2023 at 10:04 AM
xyflow.com
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.
November 15, 2023 at 4:46 PM