---
source: https://www.jointjs.com/demos/alignment-and-distance-based-position-guides
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/alignment-and-distance-based-position-guides/README.md
generated: 2026-04-03
format: plaintext
---

JointJS+: Alignment and distance-based position guides <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

This demo showcases one of the features that can make or break the experience of your users. Specifically, it is a tool for aligning shapes or placing them evenly or a certain distance apart. It also shows how to guide users to place a shape exactly in the middle of two others.

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot