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
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
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! ✨
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.
www.xyflow.com
June 17, 2024 at 9:45 AM
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
🎺 xyflow town hall is tomorrow! 🎺

See you on our discord, come with your opinions and questions 🔮
discord.gg/5nTQs9pC?eve...
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
discord.gg
May 6, 2024 at 2:49 PM
xyflow.com
🆕 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...
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...
reactflow.dev
May 6, 2024 at 2:43 PM
xyflow.com
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-...
Team Update – React Flow 12, Svelte Flow for Svelte 5, editable edges – xyflow
xyflow - Customizable library for rendering workflows, diagrams and node-based UIs.
www.xyflow.com
April 30, 2024 at 4:23 PM
xyflow.com
🔬 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! 💫
Devtools and Debugging – React Flow
Copy pastable devtools for React Flow
reactflow.dev
April 15, 2024 at 2:12 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
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 🤖
Node Resizer – Svelte Flow
Svelte Flow - Customizable library for rendering workflows, diagrams and node-based UIs.
svelteflow.dev
January 10, 2024 at 3:53 PM
xyflow.com
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 🚀
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
reactflow.dev
December 18, 2023 at 9:15 AM
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