React Flowであなたのアイデアを繋ぎましょう

ノードベースのエディターやインタラクティブなダイアグラムを構築するためのカスタマイズ可能なReactコンポーネント

Githubスター

週間インストール数

ライセンス

React Flowは、MITライセンスのオープンソースライブラリです。React Flow Proを購読することで、さらなる開発とメンテナンスを支援できます。

始めましょうReact Flow

npm、pnpm、またはyarnがインストールされていることを確認してください。次に、以下のようにインストールできます。 React Flow経由

npm install @xyflow/react

必要なものはすでに揃っています。ノードのドラッグ、ズーム、パン、複数ノードの選択、要素の追加/削除はすべて組み込まれています。

React Flowノードは、インタラクティブな要素に対応したシンプルなReactコンポーネントです。TailwindやプレーンなCSSとも相性が良いです。

Background、Minimap、Controls、Panel、NodeToolbar、NodeResizerコンポーネントを使用して、より高度なアプリを作成しましょう。

使用例

プロジェクト紹介

個人のオープンソース開発者から、StripeやTypeformのような企業まで。このライブラリは、データ処理ツール、チャットボットビルダー、機械学習、音楽シンセサイザーなど、さまざまな用途に使用されています。