diff --git a/src/features/_index.json b/src/features/_index.json
index 91a9d9b97..5756f2bb2 100644
--- a/src/features/_index.json
+++ b/src/features/_index.json
@@ -4,6 +4,7 @@
   "classic_search",
   "cleanfeed",
   "collapsed_queue",
+  "header_blogs",
   "hide_avatars",
   "limit_checker",
   "mass_deleter",
diff --git a/src/features/header_blogs.js b/src/features/header_blogs.js
new file mode 100644
index 000000000..caeea75aa
--- /dev/null
+++ b/src/features/header_blogs.js
@@ -0,0 +1,81 @@
+import { keyToCss } from '../utils/css_map.js';
+import { dom } from '../utils/dom.js';
+import { buildStyle } from '../utils/interface.js';
+import { pageModifications } from '../utils/mutations.js';
+import { getPreferences } from '../utils/preferences.js';
+import { onClickNavigate } from '../utils/tumblr_helpers.js';
+import { userBlogs } from '../utils/user.js';
+
+export const styleElement = buildStyle(`
+  .xkit-header-avatar {
+    height: 26px;
+    width: 26px;
+  }
+
+  .xkit-header-avatar.circle {
+    border-radius: 13px;
+  }
+
+  .xkit-header-avatar.square {
+    border-radius: 3px;
+  }
+
+  #xkit-header-blogs {
+    overflow: hidden;
+    flex: 1.5;
+    max-width: max-content;
+  }
+
+  #xkit-header-blogs-inner {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+
+    height: 26px;
+
+    column-gap: 12px;
+    margin: 0px 12px;
+  }
+
+  header > ${keyToCss('menuRight')} > ${keyToCss('container')}:empty {
+    margin: 0 !important;
+  }
+`);
+
+let headerBlogElement;
+
+const processRightMenu = ([rightMenu]) => {
+  rightMenu.before(headerBlogElement);
+};
+
+const processNavigationLinks = ([navigationLinks]) => {
+  const logoContainer = navigationLinks.querySelector(keyToCss('logoContainer'));
+  logoContainer ? logoContainer.after(headerBlogElement) : navigationLinks.prepend(headerBlogElement);
+};
+
+export const main = async function () {
+  const { maxBlogs } = await getPreferences('header_blogs');
+
+  const avatarElements = userBlogs
+    .slice(0, Number.parseInt(maxBlogs, 10) || Infinity)
+    .map(({ name, avatar, theme: { avatarShape } }) => {
+      const { url } = avatar[avatar.length - 1];
+      return dom('a', { href: `/blog/${name}`, title: name }, { click: onClickNavigate }, [
+        dom('img', { class: `xkit-header-avatar ${avatarShape}`, src: url })
+      ]);
+    });
+
+  headerBlogElement = dom('div', { id: 'xkit-header-blogs' }, null, [
+    dom('div', { id: 'xkit-header-blogs-inner' }, null, avatarElements)
+  ]);
+
+  pageModifications.register(`header > ${keyToCss('menuRight')}`, processRightMenu);
+  pageModifications.register(keyToCss('navigationLinks'), processNavigationLinks);
+};
+
+export const clean = async function () {
+  pageModifications.unregister(processRightMenu);
+  pageModifications.unregister(processNavigationLinks);
+
+  headerBlogElement.remove();
+};
diff --git a/src/features/header_blogs.json b/src/features/header_blogs.json
new file mode 100644
index 000000000..68e0e1f9e
--- /dev/null
+++ b/src/features/header_blogs.json
@@ -0,0 +1,17 @@
+{
+  "title": "Header Blogs",
+  "description": "Show your blogs in the header",
+  "icon": {
+    "class_name": "ri-account-circle-line",
+    "color": "white",
+    "background_color": "#000000"
+  },
+  "relatedTerms": [ "Header Options" ],
+  "preferences": {
+    "maxBlogs": {
+      "type": "text",
+      "label": "Maximum blogs",
+      "default": "100"
+    }
+  }
+}