How do we do in gojs

As seen in the GIF, there is a space value in the grid lines (Example: 100px), and shapes that indicate it with a pointer appear.

And also snap when distances are equal

Can you share this as an example?

We don’t have an example of exactly that, but you may be able to create it using some combination of the GuidedDraggingTool and DimensioningLink extensions.

Can I do this with the NonRealtimeDraggingTool?

I suppose one could start from the NonRealtimeDraggingTool, but that would be more work, because GuidedDraggingTool has most of what you want, and because your video shows realtime dragging of nodes.