Drag from the center dot to draw a vector

Vector Resultant Calculator

This is a browser-based vector resultant calculator for undergraduate statics and engineering courses. Add 2D or 3D force vectors by dragging from the origin on the canvas, or type exact magnitudes and angles directly in the sidebar. The resultant force magnitude, direction angle, and Cartesian components update instantly. Export the diagram and results table as PNG to paste into Word, or download as PDF. No account, no watermark, no paywall.

The tool runs entirely in your browser. Nothing leaves your computer.

How to use this vector addition calculator

  1. Switch between 2D and 3D using the mode selector in the left sidebar. Both modes share the same export and result panel.
  2. Draw a vector by dragging outward from the green dot at the origin. Release to confirm. The label and magnitude appear automatically.
  3. Edit magnitude and angle directly in the force cards on the right panel, or drag a vector's tip to adjust it graphically. Hold Shift while dragging to snap to 15-degree increments.
  4. Flip any vector to reverse its direction without changing its magnitude or angle entry. Use this to represent reaction forces or opposing loads.
  5. Toggle components in the sidebar to switch between polar (magnitude + angle) and Cartesian (Fx, Fy) input. Both entry modes update the same underlying vector.
  6. In 3D mode, drag from the origin to draw a vector in the current screen plane. Drag empty space to spin the view. Use the Spin slider or scroll to zoom. Type exact Fx, Fy, Fz values in the right panel for precise input.
  7. Export using the buttons in the top-right nav. Copy pastes a PNG to your clipboard (Ctrl+V into Word or Google Docs). PNG downloads the image file. PDF saves a printable layout.

Ctrl+Z and Ctrl+Y undo and redo. The Clear button resets the canvas.

What is a vector resultant?

When two or more force vectors act on the same point, their combined effect is represented by a single equivalent force called the resultant. The resultant has the same magnitude and direction as the vector sum of all the individual forces.

To find the resultant analytically, resolve each force into its x and y components, sum all x-components and all y-components separately, then combine:

|R| = sqrt((SumFx)^2 + (SumFy)^2) and theta = atan2(SumFy, SumFx)

The angle is measured counterclockwise from the positive x-axis by convention in this tool. In 3D, the same summation applies across all three axes, and the direction is expressed using direction angles alpha, beta, and gamma relative to the +x, +y, and +z axes.

Worked example: two forces at a pin joint

Problem: Two forces act at a pin: F1 = 200 N at 30 degrees, F2 = 150 N at 120 degrees. Find the resultant.

Step 1. Resolve into components. F1x = 200 cos(30) = 173.2 N, F1y = 200 sin(30) = 100 N. F2x = 150 cos(120) = -75 N, F2y = 150 sin(120) = 129.9 N.

Step 2. Sum components. SumFx = 173.2 - 75 = 98.2 N. SumFy = 100 + 129.9 = 229.9 N.

Step 3. Resultant magnitude: |R| = sqrt(98.2^2 + 229.9^2) = 250.1 N.

Step 4. Resultant direction: theta = atan2(229.9, 98.2) = 66.9 degrees CCW from +x.

Common vector resultant setups

SetupWhat you are findingNotes
Concurrent coplanar forcesMagnitude and direction of resultantAll forces act at the same point in one plane. 2D mode.
3D concurrent forcesResultant magnitude and direction anglesSwitch to 3D mode. Direction angles given from +x, +y, +z.
EquilibrantForce needed to produce equilibriumThe equilibrant is equal in magnitude to the resultant but opposite in direction. Use flip on any vector.
Cable or truss jointNet force at a joint from multiple member forcesEach member force is a separate vector. Sum gives the external load that joint must carry.
Proportional-to-magnitude displayVisual scale of relative force sizesEnable Prop. to magnitude in the sidebar to scale arrow lengths to force values.

Frequently asked questions

How is angle measured in this tool?

Angles are measured counterclockwise from the positive x-axis, which is the standard math convention used in most US undergraduate statics textbooks. A force pointing straight up is at 90 degrees; one pointing left is at 180 degrees.

Can I enter forces as Cartesian components instead of magnitude and angle?

Yes. Toggle the Components switch in the left sidebar. The force cards on the right panel switch to Fx and Fy input fields. Both entry modes drive the same vector internally.

How do I represent a force in the negative direction?

Either enter the angle directly (for example, 180 degrees for a leftward force) or use the Flip button on any force card to reverse its direction without changing the angle entry.

Does this work for 3D vectors?

Yes. Switch to 3D mode using the selector in the sidebar. You can draw vectors by dragging from the origin in the current screen plane, then spin the view to see the arrangement in 3D. For precise values, type Fx, Fy, Fz directly in the right panel. The resultant magnitude and direction angles update in real time.

Can I use this on a phone or tablet?

Yes. On phones the controls move to a strip above the canvas and the resultant readout sits in a bar below it, with the full force list one tap away. Drag from the origin to draw vectors, drag a tip to adjust it, and pinch to zoom in 3D mode. The Copy button shows the export image for a long-press save, since mobile browsers restrict direct image clipboard access.