diff --git a/index.ts b/index.ts
index 3c74ba6..c63f2f7 100644
--- a/index.ts
+++ b/index.ts
@@ -1,2 +1,2 @@
-// export { default as Card } from "./src/Card.astro"
-// export { default as Header } from "./src/Header.astro"
\ No newline at end of file
+export { default as Dialog } from "./src/Dialog.astro"
+export { default as VideoItem } from "./src/VideoItem.astro"
\ No newline at end of file
diff --git a/src/Dialog.astro b/src/Dialog.astro
new file mode 100644
index 0000000..3481145
--- /dev/null
+++ b/src/Dialog.astro
@@ -0,0 +1,40 @@
+---
+// Properties
+const {
+    Name,
+    Title = 'Dialog Title',
+    Description = 'Description',
+    CloseButton = true,
+    QuestionTooltip = false, // Requires Astro Tooltip: https://code.juliancataldo.com/component/astro-tooltips/#installation
+    Actions = false,
+    BlurryBackdrop = true
+} = Astro.props
+---
+
+<div id={Name} class="fl-dialog-backdrop"></div>
+<div id={Name} class="fl-dialog">
+    <div class="fl-dialog-header">
+        <div class="fl-dialog-header-start">
+            <h2>{Title}</h2>
+            <p>{Description}</p>
+        </div>
+        <div class="fl-dialog-header-end">
+            {QuestionTooltip ?
+                <button title={QuestionTooltip}><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M7.90039 8.07954C7.90039 3.30678 15.4004 3.30682 15.4004 8.07955C15.4004 11.4886 11.9913 10.8067 11.9913 14.8976" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 19.01L12.01 18.9989" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
+                :
+                null
+            }
+            {CloseButton ? <button><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> : null}
+        </div>
+    </div>
+    <div class="fl-dialog-content">
+        <slot/>
+    </div>
+    {Actions ?
+        <div class="fl-dialog-actions">
+            <slot name="actions"/>
+        </div>
+        :
+        null
+    }
+</div>
\ No newline at end of file
diff --git a/src/VideoItem.astro b/src/VideoItem.astro
new file mode 100644
index 0000000..1ed229e
--- /dev/null
+++ b/src/VideoItem.astro
@@ -0,0 +1,31 @@
+---
+// Properties
+const {
+    VideoId,
+    CreatorId,
+    Title,
+    Thumbnail,
+    Date,
+    Views,
+    Length,
+    Platform
+} = Astro.props
+
+// Components
+import { Image } from 'astro:assets';
+---
+
+<a href={"/watch?=" + VideoId} class="fl-vi">
+    <div class="fl-vi-thumbnail">
+        <Image src={Thumbnail} alt={'Thumbnail'} loading="lazy" format="webp"/>
+        <p>{Platform}</p>
+        <p>{Length}</p>
+    </div>
+    <div class="fl-vi-content">
+        <Image src={CreatorId} alt={'Creator Avatar'} loading="lazy" format="webp"/>
+        <div>
+            <p><strong>{Title}</strong></p>
+            <p>{Date} - {Views}</p>
+        </div>
+    </div>
+</a>
\ No newline at end of file
diff --git a/test/astro.config.mjs b/test/astro.config.mjs
new file mode 100644
index 0000000..882e651
--- /dev/null
+++ b/test/astro.config.mjs
@@ -0,0 +1,4 @@
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({});
diff --git a/test/package.json b/test/package.json
new file mode 100644
index 0000000..29870af
--- /dev/null
+++ b/test/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "test",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "astro": "^4.14.2",
+    "@astrojs/check": "^0.9.2",
+    "typescript": "^5.5.4"
+  }
+}
\ No newline at end of file
diff --git a/test/src/env.d.ts b/test/src/env.d.ts
new file mode 100644
index 0000000..e16c13c
--- /dev/null
+++ b/test/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference path="../.astro/types.d.ts" />
diff --git a/test/src/pages/index.astro b/test/src/pages/index.astro
new file mode 100644
index 0000000..2d14107
--- /dev/null
+++ b/test/src/pages/index.astro
@@ -0,0 +1,16 @@
+---
+
+---
+
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="generator" content={Astro.generator} />
+		<title>Astro</title>
+	</head>
+	<body>
+		<h1>Astro</h1>
+	</body>
+</html>
diff --git a/test/tsconfig.json b/test/tsconfig.json
new file mode 100644
index 0000000..77da9dd
--- /dev/null
+++ b/test/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "astro/tsconfigs/strict"
+}
\ No newline at end of file