Freehand Draw

This example demonstrates how to implement freehand drawing capabilities in your React Flow application. Users can draw smooth curves on the pane, which can be useful for annotations or sketching around existing nodes. Drawings get converted into custom nodes that can be styled and manipulated like regular nodes.

This is a Pro example. Get all pro examples, templates, 1:1 support from the xyflow team and prioritized Github issues with a React Flow Pro subscription.