diff --git a/src/components/tool/index.tsx b/src/components/tool/index.tsx
index 1ffec6c..ab2c2ef 100644
--- a/src/components/tool/index.tsx
+++ b/src/components/tool/index.tsx
@@ -1,8 +1,14 @@
-interface Tool {
-  name: string;
-  description: string;
-  icon: React.ReactNode;
-  component: React.ReactNode;
-}
+import { Hash } from 'lucide-react'
 
-export const tools: Tool[] = [];
\ No newline at end of file
+import type { Tool } from "./type";
+import { UUID } from './uuid'
+
+export const tools: Tool[] = [
+  {
+    path: "uuid",
+    name: "UUID Generator",
+    description: "Generate a UUID",
+    icon: <Hash />,
+    component: <UUID />,
+  }
+];
\ No newline at end of file
diff --git a/src/components/tool/type.ts b/src/components/tool/type.ts
new file mode 100644
index 0000000..c12eed8
--- /dev/null
+++ b/src/components/tool/type.ts
@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+
+export interface Tool {
+  path: string;
+  name: string;
+  icon: ReactNode;
+  description: string;
+  component: ReactNode;
+}
\ No newline at end of file
diff --git a/src/components/tool/uuid.tsx b/src/components/tool/uuid.tsx
new file mode 100644
index 0000000..a9e5003
--- /dev/null
+++ b/src/components/tool/uuid.tsx
@@ -0,0 +1,3 @@
+import type { FC } from "react";
+
+export const UUID: FC = () => <div>UUID</div>
\ No newline at end of file