We’ve been interested in developing reusable components for React Flow for a while now. With the recent releases of shadcn CLI, we’ve made that happen! Some interesting components from the initial set include:

• A database schema node that makes it easy to visualize tables and relationships between columns.

• A zoom slider for more convenient control over the viewport zoom level.

• Debugging components that make it easier to inspect a node’s properties and the state of your flow.

We’re excited to see what you build with these components, and we’re looking forward to hearing your feedback! Please open issues on our web repo  if you run into any problems or have any suggestions for new components, and definitely tweet at us at @xyflowdev  if you build something cool with them!

If you want to read the entire release blog post, you can find it on the xyflow blog here .