使用 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 元件製作更進階的應用程式。

互動式範例

查看 Svelte Flow 的實際應用

若要查看 Svelte Flow 的所有功能，請查看定期更新的互動式範例。

查看所有範例

xyflow 團隊的專案

我們是 Christopher、Hayleigh、Peter 和 Moritz。我們是 React Flow、Svelte Flow 及其相關社群的維護者

部落格關於我們開源聯絡我們

React Flow

一個可自訂的 React 元件，用於建構基於節點的編輯器和互動式圖表

造訪網站

xyflow

React Flow 和 Svelte Flow 背後的團隊。閱讀我們的最新消息和部落格文章，了解我們如何進行開源開發。