{"repo":"tisoap/react-flow-smart-edge","free":true,"listed":false,"github":"https://github.com/tisoap/react-flow-smart-edge","clone":"git clone https://github.com/tisoap/react-flow-smart-edge.git","description":"Custom Edge for React Flow that never intersects with other nodes","language":"TypeScript","stars":355,"topics":["react","typescript","graph","flow","flowchart","smart","edge","pathfinding"],"license":"MIT","category":"ui-components","readme_excerpt":"React Flow Smart Edge Smart edges for React Flow that route around your nodes instead of straight through them. Drop-in custom edges that use grid-based A\\ pathfinding to find a clean path between nodes, plus floating endpoints, draggable waypoints, and circuit-style hops over crossing wires. Why? React Flow's built-in edges draw a direct line from source to target, which often means edges cut straight across your nodes. React Flow Smart Edge computes a path that goes around them, so your graphs stay readable even as they grow and as nodes move. It's a tiny, dependency-light library (just @xyflow/react as a peer) that ships ready-to-use edge components and a low-level API for building your own. Features - Grid-based A\\ / jump-point pathfinding finds a path that never crosses your nodes. - Five edge styles: smart equivalents of every React Flow edge (bezier, straight, step, smooth-step, and simple-bezier). - Every smart edge routes through one shared SmartEdgeProvider , off the main thread on a Web Worker by default, so large graphs stay responsive. (new!) - Edges whose direct line is already clear skip pathfinding entirely ( routeOnlyWhenBlocked , on by default). (new!) - Moving a node only re-routes the edges whose corridor it actually entered or left; everything else is served from an LRU route cache. (new!) - Step edges can draw a small bridge arc where they cross each other, so intersections read cleanly. - Floating edges connect to the nearest node border instead of a fi","default_branch":null,"files":null,"tree":[],"storefront":"/r/tisoap","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tisoap/react-flow-smart-edge/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}