diff --git a/src/components/widgets/customcss/customcss.jsx b/src/components/widgets/customcss/customcss.jsx
new file mode 100644
index 00000000..5f822c9e
--- /dev/null
+++ b/src/components/widgets/customcss/customcss.jsx
@@ -0,0 +1,7 @@
+export default function Customcss({ options }) {
+  if (options.src) {
+    return (
+      <link href={options.src} type="text/css" rel="stylesheet"></link>
+    );
+  }
+}
diff --git a/src/components/widgets/widget.jsx b/src/components/widgets/widget.jsx
index 47141887..2fc1ed01 100644
--- a/src/components/widgets/widget.jsx
+++ b/src/components/widgets/widget.jsx
@@ -15,6 +15,7 @@ const widgetMappings = {
   openmeteo: dynamic(() => import("components/widgets/openmeteo/openmeteo")),
   longhorn: dynamic(() => import("components/widgets/longhorn/longhorn")),
   kubernetes: dynamic(() => import("components/widgets/kubernetes/kubernetes")),
+  customcss: dynamic(() => import("components/widgets/customcss/customcss")),
 };
 
 export default function Widget({ widget }) {