# Arrow

Draw arrows to point at things in your screenshot.

**Shortcut:** A

## How to use

1. Select the Arrow tool (press A or click the arrow icon)
2. Click where you want the arrow to start
3. Drag to where you want it to point
4. Release to finish

## Options

| Option | Values | Description |
|--------|--------|-------------|
| **Color** | Any color | Arrow color |
| **Style** | Normal, Pointy, Fancy | Arrowhead and tail preset |
| **Rounded** | On / Off | Round the arrow's corners |
| **Double Head** | On / Off | Add an arrowhead at both ends |
| **Shadow** | On / Off | Drop shadow behind the arrow |

The arrow's body width (2–500px) isn't a toolbar option — set it on the canvas with the width handles (below).

### Styles

- **Normal** — Standard head and body
- **Pointy** — Barbed head that flares out past the body
- **Fancy** — Normal head with a heavily tapered tail

## On-canvas controls

Arrows are rendered as filled polygons with intuitive on-canvas control points for precise shaping:

- **Start/End points** — Drag to reposition the tail or tip
- **Bend handle** — Drag the midpoint to curve the arrow
- **Width handles** — Drag perpendicular to the body to change body width
- **Taper handles** — Drag at the tail to taper the arrow body
- **Head taper handles** — Drag at the head junction to adjust head base width
- **Head width handles** — Drag to resize the arrowhead barbs

These controls appear when the arrow is selected, giving you full control over the arrow's shape directly on the canvas.

## Curving arrows

1. Draw a straight arrow
2. Select it
3. Drag the center bend handle to add a curve

## Tips

- **Shift+drag** — Constrain to 45° angles (horizontal, vertical, diagonal)
- **Quick pointer** — Great for callouts and directing attention
- **Shape the arrow** — Use the on-canvas handles to create thick, tapered, or stylized arrows
- **Double head** — Enable for showing bidirectional relationships
- **Rounded** — Turn on to soften corners for a friendlier, organic look

## Examples

**Pointing to a button:**
> Draw an arrow from the label to the UI element

**Showing flow:**
> Enable double head to show relationships

**Curved callout:**
> Create a curved arrow that flows around content

---

*See also: [Line Tool](/docs/hypershot/tools/line ) | [Counter Tool](/docs/hypershot/tools/counter )*

---

From https://hypernuclear.com/docs/hypershot/tools/arrow/