Free Online Whiteboard with Arrows & Connectors
Draw straight arrows, curved connectors, and directional flow lines for diagrams, flowcharts, and mind maps. Add arrowheads on one or both ends, choose stroke style, and connect shapes cleanly — all free, no account.
Arrow and Connector Tools — What Each One Does
Three distinct tools for different arrow and line needs.
Arrow Tool
Click and drag to draw a straight line with an arrowhead at the endpoint. Control the arrowhead position (start, end, or both) and the stroke width. Best for: labelling diagrams, showing direction of flow, and annotating images with directional indicators.
Connector / Flow Line
A connector snaps to the edges of shapes and stays attached when you move the shapes. Click on the edge of a shape and drag to the edge of another. The connector routes itself as a straight or angled line. Best for: flowcharts, process diagrams, and any diagram where shapes need to stay logically linked.
Line Shape (No Head)
The Shapes → Line tool draws a clean straight line with no arrowhead. Holds Shift while dragging to constrain to horizontal, vertical, or 45°. Best for: underlines, dividers, timeline axes, and any case where you want a line without directional implication.
Arrow Use Cases by Diagram Type
Which arrow type to use for each kind of visual.
| Diagram Type | Arrow Tool to Use | Tip |
|---|---|---|
| Flowchart / Process | Connector (snaps to shapes) | Stays attached when shapes move |
| Mind Map Branches | Arrow tool (no head or single head) | Use no arrowhead for neutral branches |
| Annotated Diagram | Arrow tool (pointing to label) | Single arrowhead pointing to the element |
| Timeline | Line + Arrow tip at end | Shift+drag to keep perfectly horizontal |
| Cycle / Circular Flow | Curved arrow (arc) | Use multiple arrows around a central item |
| Cause and Effect | Arrow tool (double headed) | Two-headed arrow shows bidirectional relationship |
Customising Arrows — Colour, Thickness, Style
Making arrows visually clear in complex diagrams.
Frequently Asked Questions
How do I add an arrowhead to an existing line?
Select the line and look for the arrowhead option in the toolbar or properties panel. You can add an arrowhead to the start, end, or both ends of any line element.
Can I draw a curved arrow?
Yes — the connector/arrow tool supports curved routing. After drawing a connector, drag the midpoint handle to curve the line. This is useful for showing cyclical relationships and avoiding overlapping lines in complex diagrams.
Can arrows be resized after drawing?
Yes — select an arrow and drag its endpoints to reposition or resize it. Drag the middle handle of a connector to adjust the curve. All elements remain fully editable after placing them.
Do arrows in the exported PDF look sharp?
Yes — the PNG and PDF exports render all arrows at full quality. Arrowheads, stroke weights, and colours are all preserved exactly as they appear on screen in the export.