diff --git a/src/components/Tabs.svelte b/src/components/Tabs.svelte
new file mode 100644
index 00000000..afcb8bef
--- /dev/null
+++ b/src/components/Tabs.svelte
@@ -0,0 +1,18 @@
+<h3 class="text-lg">Tabs</h3>
+<div
+  class="w-full flex sm:border-b sm:border-gray-300 relative flex-col sm:flex-row">
+  <div
+    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
+    1
+  </div>
+  <div
+    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
+    2
+  </div>
+  <div
+    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
+    3
+  </div>
+  <div
+    class="hidden sm:block absolute bottom-0 left-0 h-1 bg-blue-400 transition-transform duration-300 ease-out w-1/4 transform translate-x-double" />
+</div>