DEV Community

Cover image for Wire Your Ideas With React Flow
chandra penugonda
chandra penugonda

Posted on

1

Wire Your Ideas With React Flow

React Flow is a library for building node-based applications. These can be simple static diagrams or complex editors. You can implement custom node types and edge types and it comes with components like a mini-map and graph controls.

example

Key Features

  1. Easy to use: Seamless zooming & panning behaviour and single and multi-selections of nodes and edges
  2. Customizable: Different node and edge types and support for custom nodes with multiple handles and custom edges
  3. Fast rendering: Only nodes that have changed are re-rendered and only those that are in the viewport are displayed
  4. Hooks and Utils: Hooks for handling nodes, edges and the viewport and graph util functions
  5. Plugin Components: Background, MiniMap and Controls
  6. Reliable: Written in Typescript and tested with cypress

website
docs

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (2)

Collapse
 
the_yamiteru profile image
Yamiteru

Really nice library! Do you know of any apps that already use this?

Collapse
 
johnrobbjr profile image
John Robb

Here's a list of a few :) reactflow.dev/showcase/

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more