diff --git a/docs/docs/config.mdx b/docs/docs/config.mdx
index 8cadea106..1a7d352d7 100644
--- a/docs/docs/config.mdx
+++ b/docs/docs/config.mdx
@@ -74,6 +74,7 @@ wsh editconfig
 | window:magnifiedblockblursecondarypx | int      | change the blur in CSS pixels that is applied to the visible portions of non-magnified blocks when a block is magnified (see [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter) for more info on how this gets applied)      |
 | window:maxtabcachesize               | int      | number of tabs to cache. when tabs are cached, switching between them is very fast. (defaults to 10)                                                                                                                                                          |
 | window:showmenubar                   | bool     | set to use the OS-native menu bar (Windows and Linux only, requires app restart)                                                                                                                                                                              |
+| window:autohidetabbar                | bool     | show and hide the tab bar automatically when the mouse moves near the top of the window
 | window:nativetitlebar                | bool     | set to use the OS-native title bar, rather than the overlay (Windows and Linux only, requires app restart)                                                                                                                                                    |
 | window:disablehardwareacceleration   | bool     | set to disable Chromium hardware acceleration to resolve graphical bugs (requires app restart)                                                                                                                                                                |
 | window:savelastwindow                | bool     | when `true`, the last window that is closed is preserved and is reopened the next time the app is launched (defaults to `true`)                                                                                                                               |
diff --git a/frontend/app/block/block.scss b/frontend/app/block/block.scss
index 87c5c645b..4dbf72f28 100644
--- a/frontend/app/block/block.scss
+++ b/frontend/app/block/block.scss
@@ -2,6 +2,15 @@
 // SPDX-License-Identifier: Apache-2.0
 
 @use "../mixins.scss";
+@use "../tab/tabbar.scss" as tabbar;
+
+.darwin:not(.fullscreen) {
+    .block.block-frame-default .block-frame-default-header {
+        .window-drag.left {
+            width: tabbar.$darwin-not-fullscreen-indent;
+        }
+    }
+}
 
 .block {
     display: flex;
diff --git a/frontend/app/block/blockframe.tsx b/frontend/app/block/blockframe.tsx
index cf17849d5..15d922af1 100644
--- a/frontend/app/block/blockframe.tsx
+++ b/frontend/app/block/blockframe.tsx
@@ -40,6 +40,7 @@ import clsx from "clsx";
 import * as jotai from "jotai";
 import * as React from "react";
 import { BlockFrameProps } from "./blocktypes";
+import { WindowDrag } from "../element/windowdrag";
 
 const NumActiveConnColors = 8;
 
@@ -181,6 +182,8 @@ const BlockFrame_Header = ({
     const preIconButton = util.useAtomValueSafe(viewModel?.preIconButton);
     let headerTextUnion = util.useAtomValueSafe(viewModel?.viewText);
     const magnified = jotai.useAtomValue(nodeModel.isMagnified);
+    const settings = jotai.useAtomValue(atoms.settingsAtom);
+    const autoHideTabBar = settings?.["window:autohidetabbar"] ?? false;
     const prevMagifiedState = React.useRef(magnified);
     const manageConnection = util.useAtomValueSafe(viewModel?.manageConnection);
     const dragHandleRef = preview ? null : nodeModel.dragHandleRef;
@@ -252,6 +255,7 @@ const BlockFrame_Header = ({
 
     return (
         <div className="block-frame-default-header" ref={dragHandleRef} onContextMenu={onContextMenu}>
+            <WindowDrag className={clsx({ 'left': autoHideTabBar })} />
             {preIconButtonElem}
             <div className="block-frame-default-header-iconview">
                 {viewIconElem}
diff --git a/frontend/app/tab/tabbar.scss b/frontend/app/tab/tabbar.scss
index 3299a8afe..888b7d61d 100644
--- a/frontend/app/tab/tabbar.scss
+++ b/frontend/app/tab/tabbar.scss
@@ -1,14 +1,18 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
+@use "./../theme.scss";
+
+// 74px accounts for the macOS window controls and spacing in non-fullscreen mode
+$darwin-not-fullscreen-indent: 74px;
+
 .tab-bar-wrapper {
     --default-indent: 10px;
-    --darwin-not-fullscreen-indent: 74px;
 }
 
 .darwin:not(.fullscreen) .tab-bar-wrapper {
     .window-drag.left {
-        width: var(--darwin-not-fullscreen-indent);
+        width: $darwin-not-fullscreen-indent;
     }
 }
 
@@ -22,9 +26,41 @@
     margin-bottom: 20px;
 }
 
-.tab-bar-wrapper {
+.tab-bar-wrapper-always-visible {
     padding-top: 6px;
     position: relative;
+    opacity: 1;
+}
+
+.tab-bar-wrapper-auto-hide {
+    left: 0; 
+    right: 0;
+
+    padding: 6px;
+    margin: 2px;
+
+    position: fixed;
+    z-index: 1000;
+
+    opacity: 0;
+    background: transparent;
+    border-radius: 6px;
+
+    transition: opacity 0.3s ease, top 0.3s ease;
+
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    
+    @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
+        background: rgb(from var(--block-bg-color) r g b / 0.8);
+    }
+}
+
+.tab-bar-wrapper-auto-hide-visible {
+    opacity: 1;
+}
+
+.tab-bar-wrapper {
     user-select: none;
     display: flex;
     flex-direction: row;
diff --git a/frontend/app/tab/tabbar.tsx b/frontend/app/tab/tabbar.tsx
index 90c618e6c..576c230bc 100644
--- a/frontend/app/tab/tabbar.tsx
+++ b/frontend/app/tab/tabbar.tsx
@@ -8,6 +8,7 @@ import { deleteLayoutModelForTab } from "@/layout/index";
 import { atoms, createTab, getApi, globalStore, isDev, PLATFORM, setActiveTab } from "@/store/global";
 import { fireAndForget } from "@/util/util";
 import { useAtomValue } from "jotai";
+import clsx from "clsx";
 import { OverlayScrollbars } from "overlayscrollbars";
 import { createRef, memo, useCallback, useEffect, useRef, useState } from "react";
 import { debounce } from "throttle-debounce";
@@ -174,10 +175,44 @@ const TabBar = memo(({ workspace }: TabBarProps) => {
     const isFullScreen = useAtomValue(atoms.isFullScreen);
 
     const settings = useAtomValue(atoms.settingsAtom);
+    const autoHideTabBar = settings?.["window:autohidetabbar"] ?? false;
 
     let prevDelta: number;
     let prevDragDirection: string;
 
+    const handleAutoHideTabBar = (event: MouseEvent) => {
+        const tabBar = tabbarWrapperRef.current;
+        const tabBarHeight = tabBar?.clientHeight + 1;
+
+        if (event.type === 'mouseenter') {
+            tabBar.style.top = '0px';
+            tabBar.addEventListener("mouseleave", handleAutoHideTabBar);
+            tabBar.classList.add('tab-bar-wrapper-auto-hide-visible')
+        }
+
+        if (event.type === 'mouseleave') {
+            tabBar.style.top = `-${tabBarHeight - 10}px`;
+            tabBar.removeEventListener("mouseleave", handleAutoHideTabBar);
+            tabBar.classList.remove('tab-bar-wrapper-auto-hide-visible')
+        }
+    };
+
+    useEffect(() => {
+        const tabBar = tabbarWrapperRef.current;
+        if (!autoHideTabBar) {
+            tabBar.style.top = '0px';
+            return;
+        }
+
+        const tabBarHeight = tabBar?.clientHeight + 1;
+        if (autoHideTabBar) {
+            tabbarWrapperRef.current.style.top = `-${tabBarHeight - 10}px`
+        }
+
+        tabbarWrapperRef.current.addEventListener("mouseenter", handleAutoHideTabBar);
+        return () => tabbarWrapperRef.current.removeEventListener("mouseenter", handleAutoHideTabBar);
+    }, [autoHideTabBar])
+
     // Update refs when tabIds change
     useEffect(() => {
         tabRefs.current = tabIds.map((_, index) => tabRefs.current[index] || createRef());
@@ -654,7 +689,7 @@ const TabBar = memo(({ workspace }: TabBarProps) => {
         title: "Add Tab",
     };
     return (
-        <div ref={tabbarWrapperRef} className="tab-bar-wrapper">
+        <div ref={tabbarWrapperRef} className={clsx('tab-bar-wrapper', {'tab-bar-wrapper-auto-hide': autoHideTabBar, 'tab-bar-wrapper-always-visible': !autoHideTabBar})}>
             <WindowDrag ref={draggerLeftRef} className="left" />
             {appMenuButton}
             {devLabel}
diff --git a/frontend/types/gotypes.d.ts b/frontend/types/gotypes.d.ts
index 22f582776..f2c14723a 100644
--- a/frontend/types/gotypes.d.ts
+++ b/frontend/types/gotypes.d.ts
@@ -672,6 +672,7 @@ declare global {
         "window:reducedmotion"?: boolean;
         "window:tilegapsize"?: number;
         "window:showmenubar"?: boolean;
+        "window:autohidetabbar"?: boolean;
         "window:nativetitlebar"?: boolean;
         "window:disablehardwareacceleration"?: boolean;
         "window:maxtabcachesize"?: number;
diff --git a/pkg/wconfig/metaconsts.go b/pkg/wconfig/metaconsts.go
index e7cf00c0a..ae01a5e81 100644
--- a/pkg/wconfig/metaconsts.go
+++ b/pkg/wconfig/metaconsts.go
@@ -72,6 +72,7 @@ const (
 	ConfigKey_WindowReducedMotion            = "window:reducedmotion"
 	ConfigKey_WindowTileGapSize              = "window:tilegapsize"
 	ConfigKey_WindowShowMenuBar              = "window:showmenubar"
+	ConfigKey_WindowAutoHideTabBar           = "window:autohidetabbar"
 	ConfigKey_WindowNativeTitleBar           = "window:nativetitlebar"
 	ConfigKey_WindowDisableHardwareAcceleration = "window:disablehardwareacceleration"
 	ConfigKey_WindowMaxTabCacheSize          = "window:maxtabcachesize"
diff --git a/pkg/wconfig/settingsconfig.go b/pkg/wconfig/settingsconfig.go
index e4325fb66..685ac7f83 100644
--- a/pkg/wconfig/settingsconfig.go
+++ b/pkg/wconfig/settingsconfig.go
@@ -99,6 +99,7 @@ type SettingsType struct {
 	WindowReducedMotion                 bool     `json:"window:reducedmotion,omitempty"`
 	WindowTileGapSize                   *int64   `json:"window:tilegapsize,omitempty"`
 	WindowShowMenuBar                   bool     `json:"window:showmenubar,omitempty"`
+	WindowAutoHideTabBar                bool     `json:"window:autohidetabbar,omitempty"`
 	WindowNativeTitleBar                bool     `json:"window:nativetitlebar,omitempty"`
 	WindowDisableHardwareAcceleration   bool     `json:"window:disablehardwareacceleration,omitempty"`
 	WindowMaxTabCacheSize               int      `json:"window:maxtabcachesize,omitempty"`