xyflow

@xyflow.com

152 Followers 3 Following

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

screenshot of Svelte Flow website in dark mode
Screenshot of Strudel Flow application
screenshot of freehand draw example
graph shows downloads of reactflow vs. xyflow/react npm packages
screenshot of tersa app
screenshot of a Svelte Flow example
Nodes on a canvas that are attached like a workflow, and have labels like "estimate," "create stories," and "miro board"
A series of slides on an infinite canvas with data and quotes from users of React Flow
A screencapture of someone clicking arrow keys on a series of plain slides, which lets them navigate up, down, left, and right between them
A giant "12" on a dotted background. The React Flow logo sits underneat
"Town Hall", where some of the letters turn into cartoon characters. The H turns into suspenders, and the T turns into a sticky body.
Nodes with information from a developer survey on a large canvas
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.
Screenshot of an app that uses boxes and lines that are used to calculate sack weight.
Nine windows open on a computer desktop, each showing the same thing happening where a cursor is moving boxes around a screen
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.
React Flow Developer Survey 2023
The dashboard of the React Flow Pro Platform where users can view pro examples, submit a github issue, invite team members, and more
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.
Reads "Town Hall", and the letters have been transformed into adorable little cartoons
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.
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
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.
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.
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
a logo with 4 boxes attached to eachother with lines, next to text that says "xyflow"
An app with two nodes, one labeled "hello," one labeled "world." On the left of the image is the code that generates that app.
Svelte Flow - build infinitely customizable node-based UIs. 6 screenshots of different node-based apps.
a website showing a preview of Shaderfrog, an engine-agnostic no-code shader editor and composer
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
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.