Reshapable Edges
Manually reshape orthogonal edges using drag handles on the canvas.
Select an edge to reveal interactive drag handles, then drag them to create custom routes. A Reset Reshaping button in the edge properties panel reverts any modified edge back to its default path.
Configuration
Section titled “Configuration”To change the handle colour, override --wb-edge-reshape-handler-color in your CSS.
Use cases
Section titled “Use cases”- Fine-tune edge routing when automatic layout doesn’t produce the desired result.
- Create cleaner diagrams by manually separating edges that overlap.
- Adjust a single edge path without affecting the rest of the layout.
This plugin is powered by Overflow, a React Flow UI library for building visual workflows, automations, and tools with production-grade components.
See the detailed docs