✳flâneur — a map of the web's best reading

Node-Based UIs in React – React Flow

reactflow.dev · 856 words · saved by 1 readers

React Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to React Flow Pro. Getting Started with React Flow Make sure you’ve installed npm, pnpm or yarn. Then you can install React Flow via: The things you need are already there: dragging nodes, zooming, panning, selecting multiple nodes, and adding/removing elements are all built-in. React Flow nodes are simply React components, ready for your interactive elements. We play nice with Tailwind and plain old CSS. Make more advanced apps with the Background, Minimap, Controls, Panel, NodeToolbar, and NodeResizer components. Used By Project Showcase From solo open-source developers, to companies like Stripe and Typeform. We’ve seen the library used for data processing tools, chatbot builders, machine learning, musical synthezisers, and more. Stripe Docs Diagrams for process documentation with interactive nodes DoubleLoop Node-based dashboard builder to monitor busine

Node-Based UIs in React - React Flow Skip to Content Learn Quick Start Core Concepts Overview Building a Flow Adding Interactivity The Viewport Built-In Components Customization Nodes Handles Edges Edge Labels Utility Classes Theming Layouting Overview Sub Flows Advanced Use Hooks and Providers Accessibility Testing TypeScript Uncontrolled Flow Performance State Management Computing Flows Server Side Rendering Devtools Multiplayer Whiteboard Features Tutorials Slideshow App Web Audio API Mind Map App React Flow UI Troubleshooting Common Errors Remove Attribution Migrate to v12 Migrate to v11 M

Explore this link on the map →

saved by

related reading