diff --git a/sites/docs/pages/components/ui/embed/index.md b/sites/docs/pages/components/ui/embed/index.md
new file mode 100644
index 0000000000..93efc07b3f
--- /dev/null
+++ b/sites/docs/pages/components/ui/embed/index.md
@@ -0,0 +1,114 @@
+---
+title: Embed
+sidebar_position: 1
+---
+
+Use the `Embed` component to display external content, such as videos, maps, or other embeddable media, within your markdown pages. This component allows you to customize dimensions, add borders, and ensure responsive styling.
+
+## Default usage
+
+
+
+
+
+
+```markdown
+
+```
+
+
+### Custom size
+
+
+
+
+
+
+```markdown
+
+```
+
+
+### No border
+
+
+
+
+
+
+```markdown
+
+```
+
+
+## Options
+
+
+The URL of the embeddable content.
+
+
+
+A description or title for the embed, useful for accessibility purposes.
+
+
+
+The width of the embed (in pixels).
+
+
+
+The height of the embed (in pixels).
+
+
+
+Whether to display a border around the embed
+
+
+
+
+Pass custom classes to control the styling of the embed wrapper. Supports [Tailwind classes](https://tailwindcss.com).
+
diff --git a/sites/docs/pages/components/ui/image/index.md b/sites/docs/pages/components/ui/image/index.md
new file mode 100644
index 0000000000..9d0732c905
--- /dev/null
+++ b/sites/docs/pages/components/ui/image/index.md
@@ -0,0 +1,118 @@
+---
+title: Image
+sidebar_position: 1
+---
+
+
+
+ Note that you can also use [markdown syntax for images](/reference/markdown/#images). This component is useful when you need to customize the dimensions or styling of the image.
+
+
+
+The `Image` component allows you to add responsive and styled images to your markdown pages. This component is useful for embedding images with optional alignment, width, and height settings, and includes accessibility features through the description attribute.
+
+## Examples
+
+### Custom size
+
+
+
+```markdown
+
+```
+
+
+## Options
+
+
+The URL of the image.
+
+
+
+The description of the image for accessibility purposes.
+
+
+
+The width of the image (in pixels)
+
+
+
+The height of the image (in pixels)
+
+
+
+Whether to display a border around the image
+
+
+
+The alignment of the image
+
+
+
+
+Pass custom classes to control the styling of an accordion item. Supports [tailwind classes](https://tailwindcss.com).
+
+
diff --git a/sites/docs/pages/components/ui/link/index.md b/sites/docs/pages/components/ui/link/index.md
new file mode 100644
index 0000000000..bb8b899aaf
--- /dev/null
+++ b/sites/docs/pages/components/ui/link/index.md
@@ -0,0 +1,82 @@
+---
+title: Link
+sidebar_position: 1
+---
+
+
+
+ Note that you can also use [markdown syntax for links](/reference/markdown/#links). This component is useful when you need to customize the behavior or styling of the link (e.g., opening in new tab vs. current tab)
+
+
+Use the `Link` component to add styled and accessible links to your markdown pages. This component allows you to control the destination URL, link text, and whether it opens in a new tab.
+
+## Default usage
+
+
+
+
+
+
+```markdown
+
+```
+
+
+### Open in a new tab
+
+
+
+
+
+
+```markdown
+
+```
+
+
+## Options
+
+
+
+The destination URL of the link. It can accept either a full external link (e.g. `https://google.com`) or link to another page within your evidence app (e.g. `/sales/performance`).
+
+
+
+The text displayed for the link.
+
+
+
+Whether the link should open in a new tab
+
+
+
+
+Pass custom classes to style the link. Supports [Tailwind classes](https://tailwindcss.com).
+
diff --git a/sites/docs/pages/components/ui/note/index.md b/sites/docs/pages/components/ui/note/index.md
new file mode 100644
index 0000000000..1359cea76e
--- /dev/null
+++ b/sites/docs/pages/components/ui/note/index.md
@@ -0,0 +1,47 @@
+---
+title: Note
+sidebar_position: 1
+---
+
+Use the `Note` component to display small, styled text for additional context or information
+
+## Default usage
+
+
+
+
+ This is a note for additional context.
+
+
+
+```markdown
+
+ This is a note for additional context.
+
+```
+
+
+### Custom styling
+
+
+
+
+ This is a custom-styled note.
+
+
+
+```markdown
+
+ This is a custom-styled note.
+
+```
+
+
+## Options
+
+
+
+Pass custom classes to style the note. Supports [Tailwind classes](https://tailwindcss.com).
+