We've put together this template to serve as a starting point for folks interested in React Flow. You can use this sandbox to experiment with the library or share with us a bug report or issue.

JavaScript not your thing? We also have a TypeScript starter template, just for you!

You can fork and edit this sandbox in your browser. If you want to work offline or are looking for a template for real app development, check out our Vite React Flow template.

• Create a new custom node inside src/nodes/ (don't forget to export it from src/nodes/index.js).
• Change how things look by overriding some of the built-in classes.
• Add a layouting library to position your nodes automatically

Links:

• React Flow - Docs
• React Flow - Discord

Learn:

• React Flow – Custom Nodes
• React Flow – Layouting