diff --git a/packages/daisy/src/components/tabs/index.ts b/packages/daisy/src/components/tabs/index.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/daisy/src/components/tabs/tab.tsx b/packages/daisy/src/components/tabs/tab.tsx
new file mode 100644
index 000000000..5be58d768
--- /dev/null
+++ b/packages/daisy/src/components/tabs/tab.tsx
@@ -0,0 +1,17 @@
+import {component$, Slot} from '@builder.io/qwik';
+
+interface TabProps {
+  class?: string;
+  className?: string;
+  isActive?: boolean;
+  isLifted?: boolean;
+  isBordered?: boolean;
+}
+
+export const Tab = component$(({ isActive, isBordered, isLifted, ...props } : TabProps) => {
+  return (
+    <a class={`tab ${isActive ? 'tab-active' : ''} ${isBordered ? 'tab-bordered' : ''} ${isLifted ? 'tab-lifted' : ''}`} {...props}>
+      <Slot />
+    </a>
+  );
+});
diff --git a/packages/daisy/src/components/tabs/tabPanel.tsx b/packages/daisy/src/components/tabs/tabPanel.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/daisy/src/components/tabs/tabs.tsx b/packages/daisy/src/components/tabs/tabs.tsx
new file mode 100644
index 000000000..40b526429
--- /dev/null
+++ b/packages/daisy/src/components/tabs/tabs.tsx
@@ -0,0 +1,15 @@
+import {component$, Slot} from '@builder.io/qwik';
+
+interface TabsProps {
+  class?: string;
+  className?: string;
+  boxed?: boolean;
+}
+
+export const Tabs = component$(({ boxed = false, ...props } : TabsProps) => {
+  return (
+    <div class={`tabs ${boxed ? 'tabs-boxed' : ''}`} {...props}>
+      <Slot />
+    </div>
+  );
+});