diff --git a/src/runtime/components/BitinflowHeader.vue b/src/runtime/components/BitinflowHeader.vue
new file mode 100644
index 0000000..e250085
--- /dev/null
+++ b/src/runtime/components/BitinflowHeader.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="flex justify-between items-center">
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "BitinflowHeader",
+}
+</script>
diff --git a/src/runtime/components/BitinflowHeaderActions.vue b/src/runtime/components/BitinflowHeaderActions.vue
new file mode 100644
index 0000000..52ff27f
--- /dev/null
+++ b/src/runtime/components/BitinflowHeaderActions.vue
@@ -0,0 +1,9 @@
+<template>
+  <slot />
+</template>
+
+<script>
+export default {
+  name: "BitinflowHeaderActions",
+}
+</script>
diff --git a/src/runtime/components/BitinflowHeaderTitle.vue b/src/runtime/components/BitinflowHeaderTitle.vue
new file mode 100644
index 0000000..19ab5ff
--- /dev/null
+++ b/src/runtime/components/BitinflowHeaderTitle.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="text-2xl dark:text-white">
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "BitinflowHeaderTitle",
+}
+</script>