Suppose you have a circular ring, in which which there is a current $I$. The radius of the ring is $R$. The current produces a magnetic field. What is the magnetic field at the center of the ring?
$$\vec{B} = \int \frac{\mu_0}{4 \pi}\frac{I \cdot d\vec{l}\times \vec{r}}{r^3}$$
Below, we show a diagram with a lot of pieces of the Biot-Savart Law unpacked. We show an example $\text{d}\vec{l}$, and a separation vector $\vec{r}$. Notice that $\text{d}\vec{l}$ is directed along the segment, in the same direction as the current. The separation vector $\vec{r}$ points as always from source to observation.
Let's start breaking down some of the components of the Biot-Savart Law we listed in our representations. We can say for now that $\text{d}\vec{l}$ is directed in the $\hat{\phi}$ direction. (Note: We could also express $\hat{\phi}$ in Cartesian coordinates as $\hat{\phi} = -\sin(\phi) \hat{x} + \cos(\phi) \hat{y}$. This approach would yield the same solution, but we'll stick with cylindrical coordinates for this solution.) The length of our $\text{d}\vec{l}$ is $R\text{d}\phi$ which comes from the arc length formula. We can therefore write $$\text{d}\vec{l} = R\text{d}\phi\hat{\phi}$$
We assumed the current was flowing counterclockwise when the loop was viewed from the top. This means our current flows in the same direction as $\phi$. If we had assumed a clockwise current flow then this value would just need a negative in front of it.
We also represent the separation vector using a cylindrical unit vector, too: $$\vec{r} = \vec{r}_{\text{obs}} - \vec{r}_{\text{source}} = 0 - R\hat{s} = -R\hat{s}$$
Now, we combine the two vectors in their cross product: $$\text{d}\vec{l} \times \vec{r} = (R\text{d}\phi\hat{\phi}) \times (-R\hat{s}) = R^2 \text{d}\phi (-\hat{\phi} \times \hat{s}) = R^2 \text{d}\phi \hat{z}$$
Notice that even though the direction of $\hat{\phi}$ and $\hat{s}$ depend on the angle $\phi$ at which the vectors exist, their cross product, $\hat{z}$, does not depend at all on $\phi$. This will greatly simplify our integration later.
In order to set up the integration, we also need the magnitude of the separation vector, which conveniently is just $R$. This should make some intuitive sense because everywhere on the ring would be the same distance away from the center. Lastly, we need the bounds on our integration. We will be integrating over $\text{d}\phi$. We want to account for every piece of the ring, so it will sufficient to set our integration from $\phi=0$ to $\phi=2\pi$.
\begin{align*} \vec{B} &= \int \frac{\mu_0}{4 \pi}\frac{I \cdot d\vec{l}\times \vec{r}}{r^3} \\ &= \int_0^{2\pi} \frac{\mu_0}{4 \pi}\frac{I \cdot R^2 \text{d}\phi \hat{z}}{R^3} \\ &= \frac{\mu_0}{4 \pi}\frac{I \hat{z}}{R} \int_0^{2\pi} \text{d}\phi \\ &= \frac{\mu_0 I}{2R} \hat{z} \end{align*}
Assuming the current is steady allows us to take the $I$ out of the above integral, if this were not the case we would have to find out how current varies in the direction of $\phi$ and leave it in the integral.
We show the visual result below.
Since the observation point is in the same plane as the ring and at the center, applying RHR to a few different points on the ring will always yield a result in the +z direction at our observation point. This aligns with our answer, which is great. We also would expect the B-field to decrease as the ring got bigger (R increases), as each chunk of current carrying wire would be further away, and increase as it got smaller, as each chunk of current carrying wire would be closer to our observation point. Similarly, we would expect the B-field to increase as the current increases as you would have charges moving faster producing a stronger B-field. These are all things reflected by our equation, so we should be happy with our solution.