A Force Is a Vector, Split into Components
How do you draw a force on paper? A single arrow is enough. The arrow's length is the size of the force, and the way it points is the direction. So a force is not one number but a vector: a quantity that carries both magnitude and direction. A slanted arrow, though, is awkward to work with. So we cut it into two pieces, how much across and how much up, and that is splitting it into components. One slanted force becomes exactly the sum of a horizontal force and a vertical force. This single skill holds up all of statics: equilibrium, structures, everything ends up solved through components. Let us start by dragging the arrow itself.
Grab the head of the arrow and drag it. The more you pull it out, the longer the arrow and the bigger the force, and turning the head changes the direction of the force. You can see the two acting independently: magnitude and direction. The same size in a different direction is a completely different force. Pushing right with 5 N and pushing up with 5 N give entirely different results. So when you write down a force, the size alone is not enough; you have to write the direction too. We usually give the direction by the angle θ measured from the horizontal.
Now we cut the slanted arrow into two pieces. How hard the force pushes across is the x component Fx, and how hard it pushes up is the y component Fy. Drag the angle θ: the more the arrow lies down, the larger Fx, and the more it stands up, the larger Fy. Do you see the right triangle? The hypotenuse is the force F, the base is Fx, the height is Fy. So Fx = F cosθ and Fy = F sinθ, just the trig ratios. We have rewritten a single arrow as two: a horizontal force and a vertical force.
It works in reverse too. Set a horizontal force Fx and a vertical force Fy separately, and together they bring back the one slanted force. Move the two sliders. Lay Fx and Fy as the two sides of a rectangle, and the diagonal is the resultant F. Its size is Pythagoras, F = √(Fx² + Fy²), and its direction is θ = arctan(FyFx). If decomposition splits one force into two, composition gathers two back into one. When statics adds several forces, you split each into components, add the horizontals with the horizontals and the verticals with the verticals, and at the end recombine them just like this.
Real structures live in space, not on a flat plane, but the method is the same. You only add one more, a depth component Fz, to the across Fx and the up Fy. Use the three sliders to stack the force along the edges of a box. The arrow becomes the diagonal of a rectangular box, and its size is F = √(Fx² + Fy² + Fz²), just the 2D Pythagoras stretched into 3D. One more dimension, yet the idea of splitting into components is unchanged. That is why even a complicated force in space ends up written cleanly as three numbers, x, y, and z.
Finally, let us peel off the direction by itself. Take the arrow, throw away the size, and keep only the direction, and you get a short arrow of length exactly 1. This is the unit vector u. In the plane it is u = (cosθ, sinθ), and its length is always |u| = 1. Turn the angle and its head still slides along the unit circle. So how do we write the original force? Multiply the direction u by the size F: F = F·u. The direction is u's job, and the size is the job of the number in front. It is the cleanest way to split a force's two pieces of information, and it is especially handy when the direction is slanted, like along a ramp or a cable.