Skip to content
Pinky UI

Orbit Menu

`OrbitMenu` expands a small set of related actions around a central trigger. Use it for contextual creative tools, map/media controls or compact action clusters with two to five choices.

Live example

Try the interaction before reading the recipe.

real component · keyboard-safe

Orbit Menu · depth flattens to reading order

Purpose

OrbitMenu expands a small set of related actions around a central trigger. Use it for contextual creative tools, map/media controls or compact action clusters with two to five choices.

Prefer a partial arc and a radius near 90–130px. Avoid primary site navigation, destructive actions without labels, crowded mobile corners or a full ring that obscures content. Icons never replace accessible text.

Items stay in logical DOM order and support Arrow keys, Home/End, Escape and focus restoration. Touch, mobile and reduced motion receive a compact linear fallback. Keep callbacks lightweight and never add a second radial menu nearby.

Source: packages/skills/spatial/orbit-menu.md