Hello again 👋

A lot has happened in the last few months. In this update, we’ll give you an overview of what we’ve been working on—and what’s coming next.

Current State of React Flow

Not long ago, we rebranded our package name from reactflow to @xyflow/react to unify our projects under the new “xyflow” umbrella. Since that change, we’ve released several updates and are now on version 12.4.4! As you can see below, our new package has nearly matched the download numbers of the old reactflow package, which is encouraging.

source: https://npmtrends.com/@xyflow/react-vs-reactflow

This is great progress—and I hope we never have to change our package name again! :D

React Flow Components and Templates

At the end of last year, we launched React Flow Components : a suite of ready-to-use components that you can easily integrate into your node-based editor or workflow application. These components are built on shadcn/ui . Based on these components, we also released our first template—a Workflow Editor UI Template  featuring auto-layout, a drag-and-drop sidebar, dark mode, and simplified workflow logic. This is a pro template, available with our starter subscription .

Svelte Flow and Svelte 5

With the release of Svelte 5 a few months ago, we (especially Peter 🤙) worked hard to keep up with all the changes. In January, we published an alpha version of Svelte Flow 1.0 built on Svelte 5. You can try it out by installing it via: npm install @xyflow/svelte@next.

We had to make many adjustments and rewrites, but Svelte 5 simplified maintenance and let us remove a lot of code. Since there is no business model for Svelte Flow yet, we can’t work at the same pace as with React Flow, but we want to keep up with all the new features wherever it’s possible and hope to be able to release a stable Svelte Flow 1.0 version in the upcoming months. If you want to get started with Svelte Flow 1.0 alpha, you can check out the migration guide  or the website for the next version .

The Docs

Beyond our libraries, our websites are the heart of our product. Recently, we migrated to Next.js App Router and nextra 4 —big thanks to Dima  for your help! Abbey also revised all our examples, so now everything is presented with a nice, clean theme.

We’re also exploring moving the pro platform into our docs to offer subscribers a single, unified experience. In addition, we’re working on generating API references directly from our codebase. For this, we already moved all descriptions and examples to the source code, which improved the DX a lot :)

Community Updates

Our Discord server  continues to grow—we now have over 6,000 members! If you ever need help or want to discuss ideas, please join and reach out. The community support is excellent and and a lot of issues can be solved there.

Our community is also busy creating exciting projects with React Flow! One project we really like is simple-ai , which includes components like the “Generate Text Node” and “Editable Handle” to streamline AI workflow creation.

source: https://www.simple-ai.dev/ai-agents

Additionally:

• Synergy Codes published an insightful article on improving performance in a React Flow application .

• The team behind Liam ERD shared tips on tuning edge animations for better performance .

• Usman released a fantastic video on creating custom edges .

It’s inspiring to see such high-quality content coming from our community. Thank you for being part of it!

That’s it for now. A huge thank you to our subscribers for making it possible for us to keep working on React Flow. If you have any questions or feedback, please don’t hesitate to reach out.

The xyflow team