Svelte Flow でアイデアを形にしましょう

React Flow の作成者による、ノードベースのエディターやインタラクティブなダイアグラムを構築するためのカスタマイズ可能な Svelte コンポーネントです。

0.1.18

現在のバージョン

24k

週間インストール数

MIT

ライセンス

Svelte Flow は MIT ライセンスのオープンソースライブラリです。皆様のサポートにより、さらなる開発とメンテナンスを確実に行うことができます。

サポート

はじめにSvelte Flow

npm、pnpm、yarn のいずれかがインストールされていることを確認してください。その後、以下でインストールできます。 Svelte Flow方法:

npm install @xyflow/svelte

すぐに使える

ノードのドラッグ、ズーム、パン、複数ノードの選択、エッジの追加/削除など、必要なものがすべて組み込まれています。

はじめましょう

当社による提供。
皆様によるデザイン。

Tailwind や従来の CSS との相性も良好です。Svelte Flow のノードは単なる Svelte コンポーネントです。カスタムノードを作成して、インタラクティブなコンポーネントを完全に制御できます。

カスタムノードガイド

最適なプラグインをすべて搭載

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

詳しくはこちら
React Flow mini map

インタラクティブな例

Svelte Flow の動作を確認

Svelte Flow のすべての機能を確認するには、定期的に更新されるインタラクティブな例をご覧ください。

すべての例を見る

xyflow チームによるプロジェクト

私たちはクリストファー、ヘイリー、ピーター、モリッツです。私たちは、React Flow、Svelte Flow、およびそれらに関連するコミュニティのメンテナーです。