iiinova — where your digital self keeps evolving

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

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 · 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

052

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...

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/

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-...

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

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...

011

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 · 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.

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.

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 · 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 🎉

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

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

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:

101

xyflow @xyflow.com · 02/11/2023

🚀 A Getting Started guide to get to your first Svelte Flow app running in a few minutes! svelteflow.dev/learn/gettin...

An app with two nodes, one labeled "hello," one labeled "world." On the left of the image is the code that generates that app.

100

xyflow @xyflow.com · 02/11/2023

We're super excited to announce Svelte Flow 🎉⚡️ svelteflow.dev A highly customizable open source library for building node-based UIs like workflow builders, database visualizers, data processing tools, and more. 🎁 with the library we're announcing a few goodies: 🧵

Svelte Flow - build infinitely customizable node-based UIs. 6 screenshots of different node-based apps.

152

xyflow @xyflow.com · 04/10/2023

Now added to the React Flow showcase 🏆 reactflow.dev/showcase/

a website showing a preview of Shaderfrog, an engine-agnostic no-code shader editor and composer

000

xyflow @xyflow.com · 02/10/2023

Shaderfrog 2.0 alpha is out now and built with React Flow 🐸 It’s open source and has glowing edges 👾 Play with the examples on the website (like the one in the attached pic) shaderfrog.com/2/ @andyray.bsky.social @shaderfrog.bsky.social

A screenshot of a 3-D rendered blob, reflecting strange colors and pulsing in a randomized pattern. On the left, there are nodes and lines with text that are rendering the element on the right

122

xyflow @xyflow.com · 20/09/2023

First app we came across using Svelte Flow in the wild! 🎉 ffmpeg.lav.io

A web user interface showing 6 nodes on a graph, with many options on the left of filters to apply to a video. The video result appears on the top-right.

000