diff --git a/AppImage/components/hardware-monitor.tsx b/AppImage/components/hardware-monitor.tsx
new file mode 100644
index 0000000..ca3a049
--- /dev/null
+++ b/AppImage/components/hardware-monitor.tsx
@@ -0,0 +1,114 @@
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card"
+import { Cpu } from "@/components/icons/cpu" // Added import for Cpu
+import type { PCIDevice } from "@/types/pcidevice" // Added import for PCIDevice
+import { Progress } from "@/components/ui/progress"
+
+function GPUCard({ device }: { device: PCIDevice }) {
+ const hasMonitoring = device.gpu_temperature !== undefined || device.gpu_utilization !== undefined
+
+ return (
+ Real-time Monitoring
+
+ {device.gpu_temperature !== undefined && (
+
{device.vendor}
+{device.vendor}
{device.size}
} - {device.model &&{device.model}
} + {device.size &&{device.size}
} + {device.model &&{device.model}
}