diff --git a/docs/getting-started/add-effects.md b/docs/getting-started/add-effects.md
index 94589e0..4116311 100644
--- a/docs/getting-started/add-effects.md
+++ b/docs/getting-started/add-effects.md
@@ -30,4 +30,4 @@ movie.effects.push(effect);
 
 ## Next
 
-Now that you have an effect, you can [render the movie](/docs/getting-started/render-the-movie)!
+Now that you have an effect, you can [render the movie](render-the-movie)!
diff --git a/docs/getting-started/add-layers.md b/docs/getting-started/add-layers.md
index 85b0c89..a44ba43 100644
--- a/docs/getting-started/add-layers.md
+++ b/docs/getting-started/add-layers.md
@@ -32,4 +32,4 @@ movie.layers.push(layer);
 
 ## Next
 
-Now that you have a layer, you can [add effects](/docs/getting-started/add-effects).
+Now that you have a layer, you can [add effects](add-effects).
diff --git a/docs/getting-started/create-a-movie.md b/docs/getting-started/create-a-movie.md
index 04f84b8..3a9a86c 100644
--- a/docs/getting-started/create-a-movie.md
+++ b/docs/getting-started/create-a-movie.md
@@ -44,4 +44,4 @@ const movie = new etro.Movie({
 
 ## Next
 
-Now that you have a movie, you can [add layers](/docs/getting-started/add-layers).
+Now that you have a movie, you can [add layers](add-layers).
diff --git a/docs/getting-started/installation.md b/docs/getting-started/installation.md
index 627e236..fdaef6a 100644
--- a/docs/getting-started/installation.md
+++ b/docs/getting-started/installation.md
@@ -19,4 +19,4 @@ yarn add etro
 
 ## Next
 
-Now that you have Etro installed, you can [create a movie](/docs/getting-started/create-a-movie)!
+Now that you have Etro installed, you can [create a movie](create-a-movie)!
diff --git a/docs/reference/effects/brightness.md b/docs/reference/effects/brightness.md
index 56388bf..e09fa4a 100644
--- a/docs/reference/effects/brightness.md
+++ b/docs/reference/effects/brightness.md
@@ -26,7 +26,7 @@ const effect = new etro.effect.Brightness({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/effects/chroma-key.md b/docs/reference/effects/chroma-key.md
index 7a7cf68..7cc0e5c 100644
--- a/docs/reference/effects/chroma-key.md
+++ b/docs/reference/effects/chroma-key.md
@@ -28,7 +28,7 @@ const effect = new etro.effect.ChromaKey({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -38,7 +38,7 @@ The color to remove. Defaults to black (`{ r: 0, g: 0, b: 0 }`).
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -48,7 +48,7 @@ How much error to allow (ranging from 0 to 255). Defaults to 0.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/effects/contrast.md b/docs/reference/effects/contrast.md
index 7556c66..bb82191 100644
--- a/docs/reference/effects/contrast.md
+++ b/docs/reference/effects/contrast.md
@@ -26,7 +26,7 @@ const effect = new etro.effect.Contrast({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/effects/custom.md b/docs/reference/effects/custom.md
index 6615c10..fe9ece9 100644
--- a/docs/reference/effects/custom.md
+++ b/docs/reference/effects/custom.md
@@ -34,7 +34,7 @@ export class ChromaKey extends etro.effect.Shader {
 }
 ```
 
-The constructor takes a [dynamic](/docs/reference/dynamic-properties) number that will be used to set the threshold uniform. The `etro.effect.Shader` class takes a single argument, which is an object containing the shader source code. We will fill this in in the next step.
+The constructor takes a [dynamic](../dynamic-properties) number that will be used to set the threshold uniform. The `etro.effect.Shader` class takes a single argument, which is an object containing the shader source code. We will fill this in in the next step.
 
 ## Writing the Shader
 
diff --git a/docs/reference/effects/elliptical-mask.md b/docs/reference/effects/elliptical-mask.md
index 7d1525d..f51a139 100644
--- a/docs/reference/effects/elliptical-mask.md
+++ b/docs/reference/effects/elliptical-mask.md
@@ -27,7 +27,7 @@ const effect = new etro.effect.EllipticalMask({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -37,7 +37,7 @@ The x-coordinate of the center of the ellipse.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -47,7 +47,7 @@ The y-coordinate of the center of the ellipse.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -57,7 +57,7 @@ The horizontal radius of the ellipse.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -67,7 +67,7 @@ The vertical radius of the ellipse.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -77,7 +77,7 @@ The rotation angle in radians. Defaults to `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -87,7 +87,7 @@ The start angle in radians. Defaults to `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -97,7 +97,7 @@ The end angle in radians. Defaults to `2 * Math.PI`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/effects/pixelate.md b/docs/reference/effects/pixelate.md
index 05526cd..642de94 100644
--- a/docs/reference/effects/pixelate.md
+++ b/docs/reference/effects/pixelate.md
@@ -26,7 +26,7 @@ const effect = new etro.effect.Pixelate({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/effects/shader.md b/docs/reference/effects/shader.md
index 22733c4..f7ba309 100644
--- a/docs/reference/effects/shader.md
+++ b/docs/reference/effects/shader.md
@@ -2,7 +2,7 @@
 
 `etro.effect.Shader` is the base class for all effects that render the target with a custom GLSL fragment shader.
 
-When using this effect, you need to provide a fragment shader source and a list of uniforms. The uniforms are automatically updated when the effect is applied. There needs to be a property with the same name as each custom uniform in the effect class. The property can be a [`Dynamic`](/docs/reference/dynamic-properties) or a regular value.
+When using this effect, you need to provide a fragment shader source and a list of uniforms. The uniforms are automatically updated when the effect is applied. There needs to be a property with the same name as each custom uniform in the effect class. The property can be a [`Dynamic`](../dynamic-properties) or a regular value.
 
 ## Usage
 
diff --git a/docs/reference/layers/audio.md b/docs/reference/layers/audio.md
index 813cbe8..906e0fc 100644
--- a/docs/reference/layers/audio.md
+++ b/docs/reference/layers/audio.md
@@ -34,7 +34,7 @@ The time to start playing the audio from. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -44,7 +44,7 @@ Whether the audio is muted. The default value is `false`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/layers/image.md b/docs/reference/layers/image.md
index 36a6b07..39b0ed2 100644
--- a/docs/reference/layers/image.md
+++ b/docs/reference/layers/image.md
@@ -37,7 +37,7 @@ The `<img>` element to render.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -47,7 +47,7 @@ The x position to crop the image from. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -57,7 +57,7 @@ The y position to crop the image from. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -67,7 +67,7 @@ The width to crop the image to. The default value is `null`, which means the ima
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/layers/text.md b/docs/reference/layers/text.md
index d2955c8..f8dfb0e 100644
--- a/docs/reference/layers/text.md
+++ b/docs/reference/layers/text.md
@@ -34,7 +34,7 @@ const layer = new etro.layer.Text({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -44,7 +44,7 @@ The text to render.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -54,7 +54,7 @@ The color of the text. The default value is `new etro.Color(0, 0, 0, 1)`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -64,7 +64,7 @@ The CSS font to use. The default value is `'10px sans-serif'`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -74,7 +74,7 @@ The x position to render the text at. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -84,7 +84,7 @@ The y position to render the text at. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -94,7 +94,7 @@ The alignment of the text. The default value is `'left'`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -104,7 +104,7 @@ The baseline of the text. The default value is `'alphabetic'`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/layers/video.md b/docs/reference/layers/video.md
index 335eccd..de253d9 100644
--- a/docs/reference/layers/video.md
+++ b/docs/reference/layers/video.md
@@ -39,7 +39,7 @@ The `<video>` element to render.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -49,7 +49,7 @@ The x position to crop the video from. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -59,7 +59,7 @@ The y position to crop the video from. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -69,7 +69,7 @@ The width to crop the video to. The default value is `null`, which means the vid
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -83,7 +83,7 @@ The time to start playing the video from. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -93,7 +93,7 @@ Whether the video should be muted. The default value is `false`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
diff --git a/docs/reference/layers/visual.md b/docs/reference/layers/visual.md
index 5b49b54..beed5f3 100644
--- a/docs/reference/layers/visual.md
+++ b/docs/reference/layers/visual.md
@@ -31,7 +31,7 @@ const layer = new etro.layer.Visual({
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -41,7 +41,7 @@ The x position of the layer. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -51,7 +51,7 @@ The y position of the layer. The default value is `0`.
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -61,7 +61,7 @@ The width of the layer. The default value is `null`, which means the layer will
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -71,7 +71,7 @@ The height of the layer. The default value is `null`, which means the layer will
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -81,7 +81,7 @@ The background color of the layer. The default value is `null`, which means the
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -91,7 +91,7 @@ The border of the layer. The default value is `null`, which means the layer will
 
 :::tip
 
-This is a [Dynamic Property](/docs/reference/dynamic-properties).
+This is a [Dynamic Property](../dynamic-properties).
 
 :::
 
@@ -101,7 +101,7 @@ The alpha value of the layer. The default value is `1`, which means the layer wi
 
 ### `effects`
 
-List of [effects](/docs/category/effects) to apply to the layer. Although this is a read-only property, you can modify the array.
+List of [effects](../../category/effects) to apply to the layer. Although this is a read-only property, you can modify the array.
 
 ## Methods
 
@@ -111,7 +111,7 @@ Create a new Visual Layer.
 
 ### `addEffect(effect)`
 
-Add an [effect](/docs/category/effects) to the layer.
+Add an [effect](../../effects) to the layer.
 
 ### `beginRender()`